表格换行CSS

最新推荐文章于 2021-08-04 02:33:15 发布

转载最新推荐文章于 2021-08-04 02:33:15 发布 · 698 阅读

文章标签：

#mozilla #opera #internet #border #css

CSS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种特殊的 CSS 样式设置方法，用于优化表格中的行显示效果。通过调整高度、边框及文字换行等属性，使得表格内容在不同浏览器中都能保持良好的视觉呈现。

#dtable tr
{
	/*行样式*/
	height: 22px;
	border: 1px solid #b5d6e6;
	border: 0px; 
	/*表格的换行*/
	word-break: break-all;
	word-wrap: normal;
	/*兼容火狐的换行*/
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word;  /*Internet Explorer 5.5+ */
}

网络上收集，出处多处，整理了一下，不方便一一指明出处。