国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS實現段落首行縮進兩個字符不再使用空格

2024-07-11 08:28:23
字體：大 中 小
來源：轉載
供稿：網友
段落前面空兩個字的距離，不要再使用空格了。應該使用首行縮進text-indent。text-indent可以使得容器內首行縮進一定單位。比如中文段落一般每段前空兩個漢字。

復制代碼
代碼如下:
<style type="text/css">
p{
text-indent: 2em; /*em是相對單位，2em即現在一個字大小的兩倍*/
}
</style>

注：div標簽不要忘記起始符。text-indent只對p或div標簽有效，對br標簽不生效，原因是br標簽是換行標簽不是分段標簽。

用CSS實現段落首縮進兩個字符，實現首行縮進的通用方法是加四個小角空格。

在style里定義如下縮進樣式：.suojin{text-indent:2em}

在需要縮進的地方使用class="suojin"即可，比如用一個div定義一整塊段落首先縮進，

凡在div區域里，瀏覽器一碰上p語句（即一個新段的開始），就會執行.suojin所定義的縮進。

也可以在正文中使用嵌入式CSS樣式來定義，下面舉個實例（使用時請將尖括號改為小角尖括號）：

<div style="text-indent:2em">
<p>段落一</p>
<p>段落二</p>
<p>段落三<p>
</div>

兩種方法各有長處短處,可根據需要決定使用哪一種方法。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 连南| 徐水县| 蒙城县| 昌黎县| 会理县| 禹州市| 濉溪县| 马关县| 西平县| 青神县| 石嘴山市| 吉水县| 商河县| 方城县| 宜丰县| 安吉县| 永丰县| 贵定县| 莱西市| 泸州市| 普陀区| 南岸区| 天峻县| 开封县| 高雄市| 荆州市| 定兴县| 辽中县| 西丰县| 岳西县| 将乐县| 吴旗县| 安远县| 南京市| 沂水县| 长治市| 襄城县| 平阴县| 蒙城县| 观塘区| 柳州市|