我想创建以下三列布局。中间列的大小将可变并且居中。左右列将增大或缩小,以与中间列的边缘和外部父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>