在同一行文字上對齊不同的字體大小看起來不錯？

基本上，我想在同一行上有一個h1和ap元素，但對齊關閉很多（這意味着H1比P高，看起來很糟糕），我從來沒有這樣做過之前的CSS！在同一行文字上對齊不同的字體大小看起來不錯？

我扔在一起的jsfiddle陪此，這裏是代碼：

<h1 style="float:left;display:inline;">"Hi!</h1><p style="float:left;display:inline;">I'm James, and I <strong>LOVE</strong> building clean, fast and (most importantly) effective websites. Oh, and I also know a thing or two about computers.</p><h1 style="float:left;display:inline">"</h1>

http://jsfiddle.net/9H8xE/

謝謝！

來源

2013-07-21 MrS1ck

你能展示一個你想要它的樣子嗎？ – Stobor

答案之前的一些建議：

p標籤是爲了創建一個新的paaragraph，因此，如果你不需要在使用span標籤來代替。
儘量避免內聯樣式，使用CSS選擇器。

http://jsfiddle.net/9H8xE/1/

試試這個，讓我知道，如果它works

HTML：

<h1 >"Hi!</h1><p>I'm James, and I <strong>LOVE</strong> building clean, fast and (most importantly) effective websites. Oh, and I also know a thing or two about computers.</p><h1>"</h1>

CSS：

p 
{ 
    display:inline; 
} 
h1{ 
    display:inline 
}

來源

2013-07-21 23:08:39 user2580076

@ MrS1ck這是你在找什麼？ – user2580076

完美！我主要是自學成才，並不知道P和Span之間的區別。今天我學會了，它完美運作！謝謝！ – MrS1ck

@ MrS1ck歡迎您，如果您有任何其他問題，請告知我:) – user2580076

問題中的代碼的技術問題是，float: left阻止display: inline生效，setting display to block取而代之，因此刪除所有float: left聲明。

另一個問題是，您將收尾引號標記爲p元素後h1元素的內容。這是非常不合邏輯的。技術含義是該字符將以h1的字體大小出現，從而導致行間距不均勻，除非將h1字體大小設置爲與p字體大小相同。你需要決定你想要什麼：爲什麼你想要在正常大小的文本之後有一個大尺寸的結尾引用，如果你這樣做，它應該如何渲染？

來源

2013-07-22 05:42:20

在同一行文字上對齊不同的字體大小看起來不錯？

回答

相關問題