首页  >  问答  >  正文

javascript - bootstarp 设置td 的max-width属性失效的问题

利用bootstrap的table布局 ,表格只有两列,想限制前一列的的最大宽度,可是发现设置的max-width没有起到印象中的作用。 注意,着基本是我所有的html,css代码,也没有js干扰

   <table class="table">
    <tr><th class="left-td">菜单</th><th>操作</th></tr>
    <tr><td class="left-td">菜单1</td><td>操作1</td></tr>
    <tr><td class="left-td">菜单1</td><td>操作1</td></tr>
  </table>
    .left-td {
      max-width: 100px;
    }

实际的效果

求助

迷茫迷茫2773 天前565

全部回复(4)我来回复

  • PHP中文网

    PHP中文网2017-04-10 17:51:24

    试试 table-layout: fixed

    回复
    0
  • 巴扎黑

    巴扎黑2017-04-10 17:51:24

    看看是否有其他的参数导致的问题。从控制台看。min-width和max-width对于table来说是不怎么好用

    回复
    0
  • 巴扎黑

    巴扎黑2017-04-10 17:51:24

    查看其他类是否有限制,或者使用 !important

    回复
    0
  • PHPz

    PHPz2017-04-10 17:51:24

    这个和bootstrap没有关系,如果单纯弄一个页面里面放上你的代码,就会发现,max-width一样无效,而td里面的p确可以生效

    回复
    0
  • 取消回复