Question

我想保持文本移动到下一行，以便将其保留在自己的列中，但我的文本溢出。我希望所有的1都留在第一列。我可能需要更改/添加的任何提示？

下面是代码：

<div class="container-fluid ">
 <div class="row">
 <div class="col-sm-4"> Col1  1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</div>
  <div class="col-sm-4">Col2</div>
  <div class="col-sm-4">Col3</div>
</div>
</div>

下面是它的外观链接：JSFiddle

Answer 1

.col-sm-4 {
   -moz-hyphens:auto;
   -ms-hyphens:auto;
   -webkit-hyphens:auto;
   hyphens:auto;
   word-wrap:break-word;
}

这应该可以胜任。您的问题是，由于您没有单一空间，浏览器无法决定在哪里休息。使用连字符，当没有足够的空间时，你会强迫他突破到下一行。点击此处查看浏览器支持：https://developer.mozilla.org/de/docs/Web/CSS/hyphens#Browser_compatibility

Answer 2

我不确定您是否要使用CSS＆＃34;溢出＆＃34;，也许请查看此链接，它会告诉您它是什么：

http://www.w3schools.com/cssref/pr_pos_overflow.asp

PS：查看“属性值”部分以获取所需的最终结果。

Answer 3

css bootstrap默认溢出可能未隐藏所以文本流使用类 col-md-1

文本移出bootstrap中的列

3 个答案: