欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中文字放在盒子里

洪振霞2年前10瀏覽0評論

在CSS中,對于文字放在盒子里有很多不同的屬性。下面將介紹其中比較常用的三種:

div{
width: 200px;  //設定盒子寬度
height: 100px;  //設定盒子高度
border: 1px solid black;  //設定盒子邊框
background-color: #eee; //設定盒子背景顏色
padding: 10px; //設定盒子內邊距
margin: 10px; //設定盒子外邊距
text-align: center; //設定文字水平居中
line-height: 100px;//設定文字垂直居中
}

1. 文字換行

如果文字過長,不希望它超出盒子邊界而破壞頁面布局,可以使用word-wrap: break-word;屬性。

div{
word-wrap: break-word; //讓文字自動換行
}

2. 文字溢出隱藏

如果文字過多,可以使用text-overflow: ellipsis;屬性。當然,還需要結合white-space: nowrap;overflow: hidden;屬性才能實現。

div{
white-space: nowrap; //不讓文字換行
overflow: hidden; //隱藏超出盒子范圍的內容
text-overflow: ellipsis; //以省略號(...)表示溢出的文字
}

3. 設置文字大小

如果想設置文字的大小,可以使用font-size: 16px;屬性實現。

div{
font-size: 16px; //設置文字大小為16px
}

以上是對CSS中文字放在盒子里的一些基本屬性介紹,通過這些屬性的組合可以實現更加個性化的文字樣式。