如何在添加div標籤時將文本全部放在同一行上？

我已將div標籤添加到同一行上的文本，因爲我想添加鼠標懸停功能，但現在所有文本都在不同的行上。我如何製作它以便所有文本都在同一行上？如何在添加div標籤時將文本全部放在同一行上？

HTML：

<div style="margin-top:30px;" /> 
<center> 
<table height="50" width="400" cellpadding="0" cellspacing="0"> 
<tr> 
<td> 
<center> 

<hr size="1" color="#585858" width="82%"></hr> 

</center> 
<center> 
<div class="about"> 
<font face="helvetica" size="2" color="#585858">About Us</div> 
&nbsp;&nbsp;&nbsp;<div class="about">Accessibility</div> 
&nbsp;&nbsp;&nbsp;<div class="about">Contact Us</div>&nbsp;&nbsp;&nbsp;</font></div> 

<font face="helvetica" size="2" color="#585858">&copy;2011&nbsp;-&nbsp;Privacy 
</font></center> 


</center> 
</td> 
</tr> 
</table> 
</center>

CSS：

.about:hover { 
font: 13px helvetica; 
text-decoration: underline; 
}

謝謝！

詹姆斯

來源

2011-10-12 James

寫float:left或div css因爲divdisplay:inline-block是block element這就是爲什麼說到下面對方。所以;這就是爲什麼我們使用float & inline-block迫使div需要它的實際width：

div{ 
float:left; 
}

來源

2011-10-12 12:32:09 sandeep

謝謝！你如何在div中集中一個div？ – James

給子div的顯示：內聯塊＆給那裏父div文本對齊：中心; – sandeep

它看起來像你想創建一個鏈接水平列表（除非你有沒有包括<a>元素還）。

兩個常用技術是：

使用float
使用display: inline-block

你也應該更換列表項元素div元素。 Listamatic有很多例子。

也stop using layout tables應該和更換過時<font>和<center>元素的CSS，並使用CSS margins而不是一系列非打破空間。

來源

2011-10-12 12:33:07 Quentin

A div產生一個盒子並因此產生一個新行，請嘗試使用範圍來代替。

此外，您正在使用像字體或屬性（如高度/寬度）的舊的，已過時的HTML標記。嘗試找到一些關於CSS的好教程，並儘可能使用CSS而不是html。

來源

2011-10-12 12:33:23 NCode

是塊級元素，使他們打破了線，並進入下一行u能與浮動嘗試：左或浮動：權或U可以使用顯示：內聯功能。

看看這個例子http://jsfiddle.net/T5rBU/。

此外，如果你想只有文本里面div和對齊他們在一行中，而不是使用跨度元素，他們會自動對齊。

來源

2011-10-12 12:39:20

如何在添加div標籤時將文本全部放在同一行上？

回答

相關問題