Question

0 0

div 能像 td 自适应宽度不


 <tr>
    <th>备份文件</th>
    <th>备份时间</th>
    <th>大小</th>
    <th width="10%">操作</th>
</tr>

其他3个th 会自动宽度


 <div class="data-header">
    <div class="column">备份文件</div>
    <div class="column">备份时间</div>
    <div class="column">大小</div>
    <div class="column">操作</div>
</div>

怎么让 column 自动宽度不要用 flex

div css HTML

11 years, 11 months ago

八意Yo琳

share

八意Yo琳 11 years, 11 months ago

Answer 1

0

Bootstrap grid system


 <div class="row">
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
</div>
<div class="row">
  <div class="col-md-8">.col-md-8</div>
  <div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
  <div class="col-md-6">.col-md-6</div>
  <div class="col-md-6">.col-md-6</div>
</div>

answered 11 years, 11 months ago

max3000

share

max3000 answered 11 years, 11 months ago

Answer 2

0

首先回答问题，能。

然后要提到的一点是，按照你这个内容，应该是用 table 标签来写HTML结构才对，为什么要用 div 标签呢？数据表型的结构肯定是用表格来操作啊。

最后说明一下，因为你提到不能用 flex ，那么能实现的方式就是 display:table 。所以，HTML的结构要改一下，并且兼容性也不好。

answered 11 years, 11 months ago

tommyou

share

tommyou answered 11 years, 11 months ago

div 能像 td 自适应宽度不

八意Yo琳

Answers

max3000

tommyou

Your Answer