CSS：h2內的位置文本

我在h2中有一個背景圖像，有沒有辦法在h2裏面定位文本？CSS：h2內的位置文本

2010-07-19 NullVoxPopuli

是的，你可以使用填充和對齊放置文本。例如：

h2 { 
    font-size:15px; 
    line-height: 20px; 
    text-align: right; 
    padding: 30px 20px 5px 0; 
}

來源

2010-07-19 19:19:14 Guffa

爲什麼不把h2放在span或div中，把圖像放在那裏，然後使用填充將h2定位在那裏。 h2是文本。

來源

2010-07-19 19:18:06 Vernon

是的，但如果你申請的背景圖像的'h2'，你就可以沒有任何額外的HTML標記添加視覺吸引力。 – derekerdmann 2010-07-19 19:19:44

好吧，沒錯，但我仍然認爲從長遠來看，將事情分開是更易於管理的。然後你可以添加填充和邊距（或者如果你想成爲奇怪的邊框）。 – Vernon 2010-07-19 19:42:25

可能不是。避免使用額外的元素將清理HTML和CSS，因爲您無需爲單個UI元素管理兩個單獨的樣式。 – derekerdmann 2010-07-20 11:17:27

填充
文本縮進
行高
包裹有一個div /跨度和餘量/填充/文本中的文本/縮進
渦卷文本內的位置是：相對於上h2，內部文本元素的絕對位置。

以及更多.. 請隨意選擇。

來源

2010-07-19 19:18:23

^line-height是您的工具箱中另一個在meder建議之上的扳手。 – hollsk 2010-07-19 19:19:48

使用CSS填充：

{ 
    padding-left:8px; 
}

來源

2010-07-19 19:18:41

<h1 style='display:block; width:100%; height:40px; text-align:center'>text</h1>

來源

2010-07-19 19:19:21

你可以嘗試添加填充和恆定的寬度/高度位置：

<!DOCTYPE HTML> 
<html> 
<head> 
<style type="text/css"> 
    h2 
    { 
    background: #DEF; 
    width: 400px; height: 100px 
    padding: 40px 40px; 
    } 
</style> 
</head> 
<body> 
    <h2>Sample</h2> 
</body> 
</html>

來源

2010-07-19 19:20:02

CSS：h2內的位置文本

回答

相關問題