HTML表 - 如果列中的一行展开,如何使所有行展开?

时间:2017-08-01 14:02:09

标签: html html5

正如我在标题中所解释的那样,我想知道如何使列中的所有行都跟随宽度扩展的行。我基本上希望当其中一行由于文本而开始变宽时,同一列中的其余行将遵循该宽度。

这是一个简单的html表我正在寻求帮助。我想要的只是当我的列中的一行开始变宽时,同一列中的其余行将跟随扩展行的宽度。

以下是我想在桌子上发生的事情的说明:

enter image description here

  <table style="width:100%">
    <tr class="item">
      <td>
        <div class="thumbnail">

        </div>  
      </td>
      <td>
        <p class="video--channel">Channel name</p>
      </td>
      <td>
        <p class="video--name">Vestibulum magna lectus, convallis non ex in, suscipit.</p>
      </td>
    </tr>
   <tr class="item">
      <td>
        <div class="thumbnail">

        </div>  
      </td>
      <td>
        <p class="video--channel">Channel nameasdasdasdasdasdasdasdasdasdasdsssssssssssssssss</p>
      </td>
      <td>
        <p class="video--name">Vestibulum magna lectus, convallis non ex in, suscipit.</p>
      </td>
    </tr>
   <tr class="item">
      <td>
        <div class="thumbnail">

        </div>  
      </td>
      <td>
        <p class="video--channel">Channel name</p>
      </td>
      <td>
        <p class="video--name">Vestibulum magna lectus, convallis non ex in, suscipit.</p>
      </td>
    </tr>
  </table>

0 个答案:

没有答案