Html 文本溢出在IE8+中不起作用;对于表列

Html 文本溢出在IE8+中不起作用;对于表列,html,css,twitter-bootstrap,internet-explorer,Html,Css,Twitter Bootstrap,Internet Explorer,我用bootstrap做了一张桌子。我想添加文本限制。下面是html。该表及其限制在chrome和firefox中运行良好,但现在在IE8+中运行 <table class="table table-striped table-condensed table-bordered dashboard-table"> <thead style="background-color: #F8DAC2; border-bottom: 3px solid #CA6A15; font-si

我用bootstrap做了一张桌子。我想添加文本限制。下面是html。该表及其限制在chrome和firefox中运行良好,但现在在IE8+中运行

<table class="table table-striped table-condensed table-bordered dashboard-table">
  <thead style="background-color: #F8DAC2; border-bottom: 3px solid #CA6A15; font-size: 12px">
    <tr>
      <th>Entity</th>
      <th>Board Meeting/Other committees of the board</th>
      <th>Date</th>
      <th>Exceptional Items</th>
      <th>Issues</th>
      <th>Remarks</th>
      <th>Respective Company's CEO/CFO's comment thereto</th>
      <th>Approve/Reject Remarks</th>

    </tr>
  </thead>
  <tbody class="text-justify"  style="font-size: 12px; font-weight: bold; color: #000;">
    <tr>
      <th scope="row"><a href="#"> ABNL</a></th>
      <td>Mark</td>
      <td>2 Jul 2015</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td><i class="fa fa-fw fa-check-circle-o" style="font-size: 20px; color: #007401"></i> Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor</td>
    </tr>
    <tr>
       <th scope="row"><a href="#"> ABFNL</a></th>
      <td>Mark</td>
      <td>2 Jul 2015</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td><i class="fa fa-fw fa-times-circle-o" style="font-size: 20px; color: #CC0001"></i>Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor</td>
    </tr>
    <tr>
      <th scope="row"><a href="#"> ABFNL</a></th>
      <td>Mark</td>
      <td>2 Jul 2015</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
      <td><i class="fa fa-fw fa-times-circle-o" style="font-size: 20px; color: #CC0001"></i>Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor</td>
    </tr>
  </tbody>
</table>

IE不是那样工作的,我找到了答案,或者它是一个工作环境,我不知道,但是你需要在里面添加一个div标签,如下所示

 <tr>
          <td scope="row"><a href="#"> ABNL </a></td>
          <td>Mark</td>
          <td style="width:70px">2 Jul 2015</td>
          <td><div>THIS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit</div></td>
          <td><div>THIS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit</div></td>
          <td><div>THIS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit</div></td>
          <td><div>THIS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit</div></td>

          <td><i class="fa fa-fw fa-times-circle-o" style="font-size: 20px; color: #CC0001"></i><div style="width: 85%; float: right">Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor</div></td>
        </tr>

 <tr>

做记号
2015年7月2日
这是一位杰出的领袖。Lorem ipsum dolor sit amet,献祭精英
这是一位杰出的领袖。Lorem ipsum dolor sit amet,献祭精英
这是一位杰出的领袖。Lorem ipsum dolor sit amet,献祭精英
这是一位杰出的领袖。Lorem ipsum dolor sit amet,献祭精英
Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor

您是否尝试过
宽度
而不是
最大宽度
?是的,它仍然不起作用。此外,即使我删除了所有引导类,只保留
。仪表板表tbody tr td
类,它在IE中仍然不起作用
 <tr>
          <td scope="row"><a href="#"> ABNL </a></td>
          <td>Mark</td>
          <td style="width:70px">2 Jul 2015</td>
          <td><div>THIS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit</div></td>
          <td><div>THIS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit</div></td>
          <td><div>THIS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit</div></td>
          <td><div>THIS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit</div></td>

          <td><i class="fa fa-fw fa-times-circle-o" style="font-size: 20px; color: #CC0001"></i><div style="width: 85%; float: right">Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor</div></td>
        </tr>

 <tr>