CSS中的img、字、換行

CSS是一種用來描述網(wǎng)頁上元素展示的語言，比如字體、顏色、大小等等。下面我們來簡單介紹一下CSS中常用的img、字、換行的處理方法。

img

CSS中可以使用標(biāo)簽來顯示圖片，同時也可以使用CSS來控制圖片的大小、位置等。

img{
width: 200px; /* 設(shè)置圖片的寬度為200像素 */
height: 150px; /* 設(shè)置圖片的高度為150像素 */
display: block; /* 將img轉(zhuǎn)換為塊級元素，使其可以設(shè)置寬高 */
margin: 0 auto; /* 居中顯示圖片 */
}

字

在CSS中，我們也可以控制字體的顏色、大小、字體族等等。

p{
font-size: 22px; /* 設(shè)置字體大小為22像素 */
color: #333; /* 設(shè)置字體顏色為黑色 */
font-family: "Microsoft Yahei", sans-serif; /* 設(shè)置字體族為微軟雅黑，如果沒有則調(diào)用頁面的sans-serif字體族 */
}

換行

在CSS中，我們可以使用word-wrap和white-space屬性來控制換行的顯示效果。

p{
word-wrap: break-word; /* 當(dāng)一行文字太長時，自動換行 */
white-space: pre-wrap; /* 保留空格和換行符的原樣顯示 */
}

以上就是CSS中常用的img、字、換行處理方法的介紹。我們可以根據(jù)實際需要來運用這些屬性，使網(wǎng)頁展示更加美觀。