html – 比Bootstrap列容器更宽的表

前端之家收集整理的这篇文章主要介绍了html – 比Bootstrap列容器更宽的表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有人可以向我解释为什么会这样吗?我把我的内容包装在Bootstrap响应div中,而我的表里面的div宽度大于容器.
<div class="row">
  <div class="col-md-4">
    <table class="table">
      <tbody>
        <% @user.each do |user| %>
          <tr>
            <td><%= user.content %></td>
          </tr>
        <% end %>
      </tbody>
    </table>
  </div>
</div>

问题是如果我有一个非常大的内容与很多字符,表变得比它的容器宽得多< div class =“col-md-4”>.如何实现它的内容包装到另一行而不是破坏布局?谢谢您的帮助!

解决方法

尝试添加自动换行和分词功能
td {
  word-wrap:break-word;
  word-break:break-all;
}

这是您更新的Bootply

猜你在找的HTML相关文章