问题:
表格中显示的内容过长,导致表格变形。如果表格中有比较长的链接地址,即使设置了列宽,设置宽度会无效。
解决方法:
table设置样式:
table-layout: fixed; // table的内部布局固定大小
td设置样式:
<style>
td {
white-space:nowrap; // 规定段落中的文本不进行换行
overflow:hidden; // 关闭滚动条
text-overflow: ellipsis; // 溢出的文字显示为省略号
}
</style>
如果想要查看所有内容,使用td标签的title属性,只要光标停留在td处就可以显示全部的内容