TD不换行 nowrap属性
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了TD不换行 nowrap属性相关的知识，希望对你有一定的参考价值。
表格table的td单元格中，文字长了往往会撑开单元格，但是如果table都不够宽了，就换行了好像（不要较真其他情况，我只说会换行的情况）。换行后的表格显得乱糟糟，不太好看，我不喜欢这样的换行。当然可以通过对每列td都设置宽度，那样太麻烦了，并且有时没法预计td中的文字会有多长，没法给固定宽度。
为了让表格里文字不换行（预计也不会太长的字符串），可以给表格里td添加一个nowrap属性，如 <td nowrap>文字内容</td> 这样。
但是如果给每个td都加上nowrap属性，貌似太繁琐并且占用空间和流量。于是乎，我找css的实现方法，不擅长此术，尝试了n多个样式后，找到white-space: nowrap; 貌似跟直接给td加nowrap差不多，那么就可以像下面这样定义样式，即可实现td里不换行，字符串长了就撑宽表格宽度。
<html>
<head>
<style type="text/css">
td
{
white-space: nowrap;
}
</style>
</head>
以上是关于TD不换行 nowrap属性的主要内容，如果未能解决你的问题，请参考以下文章