DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 用css控制html中首行空兩格
用css控制html中首行空兩格
編輯:布局實例     

 利用css 來進行首行縮進,非常的方便。

將文章內容用p標簽包住,然後對<p>標簽添加樣式即可

實例:

<div class="context"><p>第一段</p><p> 第二段</p></div>
那麼我們就在css裡添加樣式
.context p{
    text-align: justify; text-justify: inter-ideograph; text-indent: 2em;
}

其中text-align:justify; text-justify:inter-ideograph;設置文字兩端對齊, text-indent:2em;設置文字首行縮進兩個字符。
不清楚的可以查閱下css手冊。
如果設置樣式後,我們又對其中的某一段話設置為不需要縮進,那又該怎麼辦呢?

那也好辦,在編輯文章時,對這段話的p標簽設置一個樣式即可
比如
<p class=noooo>不需要加首行縮進的</p>
CSS代碼:
p.noooo{
   text-indent:0;
}
或者直接加到p標簽後面

<p style="text-indent:0;">
怎麼方便怎麼寫,看自己了
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved