在使用bootstrap进行部署文章列表时,发现medis-body中内容如果含有<p>和<span>标签,文本会溢出
解决办法:
.media-heading,.media-body > p, .media-body > span { word-break: break-word;}
原因:这是因为bootstrap中display:table-cell导致,如下代码:
.media-left, .media-right, .media-body { display: table-cell; /* Here is the issue */ vertical-align: top;}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。