Twitter bootstrap 引导溢出

我设计了一个新网站。我使用bootstrap，但有个问题

<div class="row">
  <div class="col-md-2 red-border">
    asdasdlknadlamaslfknasjşklfnsadjşlkfnbasdşjlfksnadbfjşa 
  </div>
</div>

.red-border{
   text-align: center;
   margin-top: 50px;
   border: solid 2px red;
   height: 250px;
   margin-left: 20px;
}

阿斯达克纳德拉玛斯尔夫克纳什（klfnsadj）lkfnbasd（Jllfksnadbfj）a
.红边{
文本对齐：居中；
边缘顶部：50px；
边框：实心2px红色；
高度：250px；
左边距：20px；
}

当我写这段代码时，我看到了

---

谢谢大家。

我不太确定您想要的结果是什么，但您在bootstrap

col-md-2

中设置的列大小对于您的内容来说似乎太小了。您可以增加它的大小，或者以不同的方式处理溢出的内容。以下代码将隐藏溢出：

.red-border{
  text-align: center;
  margin-top: 50px;
  border: solid 2px red;
  height: 250px;
  margin-left: 20px;

  // ADDED STYLE
  overflow: hidden;

}

你需要做的是“包装”文本。只需将此项添加到您的

。红色边框样式

：

---

换行：断开单词
尝试在单词之间留出空格。浏览器认为您输入的文本是一个单词。