武林網(www.companysz.com)文章簡介:今天總結下,css網頁布局中文字排版的相關屬性以及用法。
前段時間,學習了幾個大的網站的圖文混排的方法。今天總結下,css網頁布局中文字排版的相關屬性以及用法。包括:設定字體、顏色、大小、段落空白,首字下沉、首行縮進、中文字的截斷、固定寬度詞內折行(word-wrap和word-break)等。
p{
margin: 18px 6px 6px 18px;/*分別是上、右、下、左,十二點開始的順時針方向*/
margin:18px 6px;/*表示上下為18,左右為6*/
margin:1px 2px 3px;/*表示上為1px,下為6px,左右為2px*/
}
p{
text-align: center; /*居中對齊*/
text-align: justify/*兩端對齊*/
}
p{
writing-mode: tb-rl;
}
li{
list-style: square;
}
p:first-letter{
padding: 6px;
font-size: 32pt;
float: left;
}
p{
text-indent: 2em; /*em是相對單位,2em即現在一個字大小的兩倍*/
}
li{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
<div style="width:210px;height: 200px;background: #ccc;word-break:keep-all">
北京上海 上海上 北京上海 北京 上海上海上海 北京上海 上海 北京上海 上海 北京 上海 北京 上海 北京 上海 北京 上海 北京 上海 北京上海 上海 北京上海 上海
</div>
新聞熱點
疑難解答