divs中的文本不會排隊

我正在製作一個網站，其中有不同顏色的單詞和字體的標題。爲此，我將每個單詞放在不同的div ID中以更改文字顏色。我不確定是否有比這更好的方式...divs中的文本不會排隊

無論如何，標題（彩色部分）的前半部分低於標題的其餘部分。它在Firefox和Chrome上以這種方式顯示，但在Internet Explorer上看起來很好。我不知道爲什麼會有差異，我嘗試了不同的字體，有時減少了問題，但從來沒有完全消除它。當然，當我添加填充以使其排列起來時，它會在Internet Explorer中混淆它。

這裏的鏈接的網頁：http://www.dinneronthespot.com/index2.html

來源

2013-09-30 coolpup

我沒有看到瓷磚羅威不是所有的瀏覽器 –

你談論_Dinner 論現貨其餘上半年個人餐服務是完美的..._線？ –

的解決方案是，使用span

<span id="dotPerfect"> 
    <span id="color1">Dinner </span> 
    <span id="color2">On The </span> 
    <span id="color3">Spot </span> 
</span > 
<span id="dotPersonal">Personal Meal Service is perfect for...</span>

來源

2013-09-30 06:15:40 Paritosh

試試這個：

#topText > h1 > div { 
    display: inline; 
}

在樣式表

來源

2013-09-30 06:15:43

，當然在這種情況下使用跨度不是div –

使用添加此代碼span而不是div這種行爲。

<h1> 
    <span id="color1">Dinner </span><span id="color2">On The </span><span id="color3">Spot </span> 
</h1>

來源

2013-09-30 06:16:22 zkanoca

我已經把每一個單詞在不同的div id來改變文字顏色。我不知道是否有比這更好的辦法...

這是更好地使用<span>標籤都有效

DIV標籤確實也有一個默認的屬性：從用戶代理式「顯示塊」，這就是爲什麼你必須設置「float：left」（在這種情況下非常醜陋）的原因。

來源

2013-09-30 06:17:20

試試這個

<div id="dotPerfect"> 
    <div id="color1">Dinner </div> 
    <div id="color2">On The </div> 
    <div id="color3">Spot </div> 
    <div id="dotPersonal">Personal Meal Service is perfect for...</div> 
</div>

移動與ID dotPersonal在div id爲dotPerfect來覈實。

來源

2013-09-30 06:21:08

divs中的文本不會排隊

回答

相關問題