我正在将这个CSS用于TD:
table.grid td {
border:1px solid #E6E6E6;
font-size:14px;
padding:5px 5px 5px 14px;
}
答案 0 :(得分:2)
默认情况下,表格单元格会拉伸以适合内容。如果给它们一个固定的宽度,它们将强制内容适合该宽度。这假设您可以说出它们的宽度。在非IE6世界中,您还可以使用属性max-width和min-width。
示例:
.grid td {max-width: 200px;}
.ie6 .grid td {width: 200px;}
答案 1 :(得分:2)
pre {
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */
}
将pre包装在文本周围,它应该可以正常工作
答案 2 :(得分:1)
使用白色间距来打破你的数据,比如换行,不用换行
table.grid td {
border : 1px solid #E6E6E6;
font-size : 14px;
padding : 5px 5px 5px 14px;
white-space : wrap;
}