如何在添加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; 
}

谢谢！

詹姆斯

答

写float:left或div css因为divdisplay:inline-block是block element这就是为什么说到下面对方。所以;这就是为什么我们使用float & inline-block迫使div需要它的实际width：

div{ 
float:left; 
}

谢谢！你如何在div中集中一个div？ – James

给子div的显示：内联块＆给那里父div文本对齐：中心; – sandeep

答

它看起来像你想创建一个链接水平列表（除非你有没有包括<a>元素还）。

两个常用技术是：

使用float
使用display: inline-block

你也应该更换列表项元素div元素。 Listamatic有很多例子。

也stop using layout tables应该和更换过时<font>和<center>元素的CSS，并使用CSS margins而不是一系列非打破空间。

答

A div产生一个盒子并因此产生一个新行，请尝试使用范围来代替。

此外，您正在使用像字体或属性（如高度/宽度）的旧的，已过时的HTML标记。尝试找到一些关于CSS的好教程，并尽可能使用CSS而不是html。

答

是块级元素，使他们打破了线，并进入下一行u能与浮动尝试：左或浮动：权或U可以使用显示：内联功能。

看看这个例子http://jsfiddle.net/T5rBU/。

此外，如果你想只有文本里面div和对齐他们在一行中，而不是使用跨度元素，他们会自动对齐。

如何在添加div标签时将文本全部放在同一行上？

相关推荐