bootstrap表格内容过长时用省略号表示的解决方法

前端之家收集整理的这篇文章主要介绍了bootstrap表格内容过长时用省略号表示的解决方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

首先 ,bootstrap中当td内容超过我给的固定宽度时,省略号代替的代码如下:

商品名称 详细介绍 购买数量

移动端模拟器显示效果是这样的。不是很舒服,完全没按我给他的宽度显示,全靠内容挤出来的。

这里写图片描述

解决方法

也就是添加样式

效果出现:

这里写图片描述

table-layout用来显示表格单元格、行、列的算法规则。值 描述

automatic 默认。列宽度由单元格内容设定。 fixed 列宽由表格宽度和列宽度设定。 inherit 规定应该从父元素继承 table-layout 属性的值。

总结

以上所述是小编给大家介绍的bootstrap表格内容过长时用省略号表示的解决方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Bootstrap相关文章