html - 文本不扩展 div

Question

在我的卡片中，文本没有垂直扩展 div。我尝试使用 clear 属性，但没有帮助。有什么想法吗？

这是我的实际代码:http://jsfiddle.net/kuupsdm5/1

Answer 1

改变你的.card-body类:

.card-body {
  padding: 15px;
  border-left: 1px solid rgba(0,0,0,0.2);
  border-right: 1px solid rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.2);
  word-wrap: break-word;
}

那里有一个很长的单词，如果您不包括 word-wrap:break-word;，它将留在一行中。宽度 100% 和填充也导致线条超出其他线条，因此要么从类中删除填充或宽度 100%。

JS Fiddle Demo