Css 固定宽度的引导表数据

Css 固定宽度的引导表数据,css,twitter-bootstrap,Css,Twitter Bootstrap,我试图创建一个表,其中表数据具有固定的宽度,因为使用引导类,列会根据文本进行扩展,为了避免这种情况,将wrap一词用于固定的表布局 当我调整浏览器大小时,从上面的提琴中可以看出,文本彼此重叠。如何使文本不相互重叠为表格设置“最小宽度”,而不调整列宽 在你的html中试试这个 添加以下css。它会解决你的问题 table tr td:first-child{ white-space: pre-line !important; } 看看这个 它是minwidth而不是minimumwid

我试图创建一个表,其中表数据具有固定的宽度,因为使用引导类,列会根据文本进行扩展,为了避免这种情况,将wrap一词用于固定的表布局


当我调整浏览器大小时,从上面的提琴中可以看出,文本彼此重叠。如何使文本不相互重叠

为表格设置“最小宽度”,而不调整列宽

在你的html中试试这个


添加以下css。它会解决你的问题

table tr td:first-child{
   white-space: pre-line !important;
}


看看这个

它是
minwidth
而不是minimumwidth。谢谢……这是一个打字错误,但我希望移动设备可以水平滚动该表,使其看起来整洁统一。然后在css中添加
overflow-x:auto
,并应用到tablethankyou.你的代码帮助了我,但是如果表格可以水平滚动,并且保持文本完整,而不会相互重叠,那就太好了,而这段代码可能会回答这个问题,提供关于为什么和/或如何回答该问题的额外背景将显著提高其长期价值。请在您的回答中添加一些解释。
table tr td:first-child{
   white-space: pre-line !important;
}
Now check, It is resolved. You added the `table-responsive` class to `table` element.
table {
  width:100%;
  overflow-x: scroll;
  table-layout: fixed;
}


td{
   overflow: hidden;
}