2010-12-22 55 views
8

我想在放置5個空格後開始一個段落,並且第一行下面的所有行應該以直線形式出現,imean段落中的所有行在它開始之前都應該有5個空格。在html中爲段落設置左邊距

我從databse得到這一段。

我想要一個Html標記,它將爲完整的段落定義左邊距。

+0

爲什麼不只是使用一個類? – Breezer 2010-12-22 07:29:00

+0

對不起,我不明白。 – Ishan 2010-12-22 07:30:20

回答

13
<p style="margin-left:5em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet. Phasellus tempor nisi eget tellus venenatis tempus. Aliquam dapibus porttitor convallis. Praesent pretium luctus orci, quis ullamcorper lacus lacinia a. Integer eget molestie purus. Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p> 

這樣做,顯然有一些改進,但這是基礎知識。我使用'em'作爲衡量標準,您可能需要使用其他單位,如'px'

編輯: 他們上面描述的是一種將樣式組或類與網頁上的元素相關聯的方式。你可以通過幾種方式來實現它,這裏有一個可能適合你的方法:

在你的HTML頁面中,包含來自數據庫的<p>標記內容添加到一個新的'樣式'節點幷包裝你想要聲明的樣式像這樣一類:

<head> 
    <style type="text/css"> 
    p { margin-left:5em; /* Or another measurement unit, like px */ } 
    </style> 
</head> 
<body> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p> 
</body> 

所以上面,你的文檔中的所有元素<p>將應用該樣式規則。也許你正在將你的段落內容抽成某種容器?試試這個:

<head> 
    <style type="text/css"> 
    .container p { margin-left:5em; /* Or another measurement unit, like px */ } 
    </style> 
</head> 
<body> 
    <div class="container"> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p> 
    </div> 
    <p>Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p> 
</body> 

在上面的例子中,只有<p>元股利,它的類名是「容器」,將應用的樣式裏 - 而不是在容器外面的<p>元素。

除上述之外,您可以一起收集樣式,並從<head>標記中刪除樣式元素,並將其替換爲指向外部CSS文件的<link>標記。這個外部文件就是你現在放置<p>標籤樣式的地方。這個概念被稱爲「從風格分離內容」,被認爲是良好的做法,也是一種可擴展的方式來創建樣式,並可以幫助低維護。