HTML的table中td内容换行上下间距怎么设置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML的table中td内容换行上下间距怎么设置相关的知识,希望对你有一定的参考价值。

html的table中td内容换行 一段文章在一个td里面怎么设置其间距,有高手回答下么?

参考技术A <html>
<style>
.test div
margin-top : 5px;

</style>
<table border=1>
<tr>
<td>
111111<br>
222222<br>
333333
</td>
</tr>
<tr>
<td>
111111<p>
222222<p>
333333
</td>
</tr>
<tr class="test">
<td>
<div>111111</div>
<div>222222</div>
<div>333333</div>
</td>
</tr>
</table>
</html>
我想你要的是第三中情况的
参考技术B tdline-height:2em;本回答被提问者采纳

Table里td中的文本过长,设置不换行,随内容同行显示(转载)

 当td中内容过长时,内容会溢出,换行显示,美观超级差,在td里设置这个属性 "white-space:nowrap   就可以解决排版问题啦

           <td style="white-space:nowrap">非法闯入闯出亮灯处理:</td>

 

 不美观的样式:

              技术分享

 

美观的样式:

 技术分享

  另外,nowrap属性可以用在很多标签里面哦,美化排版效果。

 

以上是关于HTML的table中td内容换行上下间距怎么设置的主要内容,如果未能解决你的问题,请参考以下文章

HTML中table与td之间的距离怎么设置?

table中td的内容超出自动换行

table中td中内容如何实现自动换行

Table里td中的文本过长,设置不换行,随内容同行显示(转载)

TABLE表中,有一列内容显示很长,如何用HTML设置能够换行显示呢?

html中如果对table中的td设置边框样式