Home >Web Front-end >HTML Tutorial >表格不被内容撑大,且超出的内容变为省略号(css)_html/css_WEB-ITnose

表格不被内容撑大,且超出的内容变为省略号(css)_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:34:301407browse

今天写代码,发现表格会被内容撑大,影响到了网页的整体布局。

百度了一解决方法,下面是代码和我的备注

table{table-layout: fixed;}        //固定表格

table td{white-space: nowrap;//取消自动换行

    overflow: hidden;  //超出的部分隐藏

    text-overflow: ellipsis;//超出的部分显示省略号

}

  

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn