我正在尝试实现以下布局:
+--------------------+ +-------------------+ +--------------------+
| Right column with | | small center with | | Right column with |
| multiple lines and | | fixed width | | multiple lines and |
| width of | | | | width of |
| (100%-center)/2 | | | | (100%-center)/2 |
+--------------------+ +-------------------+ +--------------------+
但是使用我当前的标记,而不是在其自身内部引入换行符,一旦其内容变得太大而无法容纳该行,右列将移动到其余列下方:
+--------------------+ +-------------------+
| Right column with | | small center with |
| multiple lines and | | fixed width |
| width of | | |
| (100%-center)/2 | | |
+--------------------+ +-------------------+
+-------------------------------------------+
| Right column with multiple lines and... |
+-------------------------------------------+
这是我当前的标记:
<div style="text-align: center;">
<span style="float: left;">left</span>
<span>center</span>
<span style="float: right;">right</span>
</div>
如何实现所需的布局?谢谢!