Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/meteor/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML表格-如果列中的一行展开,如何使所有行展开?_Html - Fatal编程技术网

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

HTML表格-如果列中的一行展开,如何使所有行展开?,html,Html,因此,正如我在标题中所解释的,我想知道如何使我的列中的所有行都跟随一行的宽度扩展。我基本上希望,当其中一行因为文本而开始变宽时,同一列中的其他行将跟随该宽度 这是一个简单的html表,我正在寻求帮助。我想要的是,每当我列中的一行开始变宽时,同一列中的其余行将跟随扩展行的宽度 下面是我希望在我的表格中发生的事情的示例: 频道名称 前庭大前庭 频道名称 前庭大前庭 频道名称 前庭大前庭 你看过这页了吗?我觉得我已经解释了我的问题,什么让你困惑?你能分享代码吗?到目前为止,您尝试了什么?@Atha

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

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

下面是我希望在我的表格中发生的事情的示例:


频道名称

前庭大前庭

频道名称

前庭大前庭

频道名称

前庭大前庭


你看过这页了吗?我觉得我已经解释了我的问题,什么让你困惑?你能分享代码吗?到目前为止,您尝试了什么?@Athax请澄清您的具体问题或添加其他详细信息,以突出显示您所需要的内容。正如目前所写的,很难准确地说出你在问什么。请参阅页面以获取澄清此问题的帮助。@reporter我现在已经添加了代码,这是一个简单的html表,我正在寻求帮助。我想要的是,每当我列中的一行开始变宽时,同一列中的其余行将跟随扩展行的宽度。:)你看过这页了吗?我觉得我已经解释了我的问题,什么让你困惑?你能分享代码吗?到目前为止,您尝试了什么?@Athax请澄清您的具体问题或添加其他详细信息,以突出显示您所需要的内容。正如目前所写的,很难准确地说出你在问什么。请参阅页面以获取澄清此问题的帮助。@reporter我现在已经添加了代码,这是一个简单的html表,我正在寻求帮助。我想要的是,每当我列中的一行开始变宽时,同一列中的其余行将跟随扩展行的宽度。:)
  <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>