我想创建以下三列布局。中间列的大小将可变并且居中。左右列将增大或缩小,以与中间列的边缘和外部父div的边缘相交。它应该看起来像这样。

-------------------------------------------------- -----------
|大小:X |可变大小|大小:X |
-------------------------------------------------- -----------


我尝试了几种不同的方法,但是都没有奏效。

编辑:为澄清起见,我正在尝试实现以文本两边的两条水平线为中心的标题的效果。

https://css-tricks.com/line-on-sides-headers/

我想看看是否可以处理三个嵌套的div。

最佳答案

<div>
  <table>
    <tr>
      <td width="20%">COLUMN 1</td>
      <td width="*">COLUMN 2</td>
      <td width="20%">COLUMN 3</td>
    </tr>
  </table>
</div>

10-05 20:45
查看更多