css - 完美中心的内容栏,附有左右栏

标签 css html

我正在创建一个网页,我需要在 block 的完美中心放置一个内容栏,并在左侧( float :右)和右侧( float :左)两列附加到该内容栏。但是,我希望内容列具有流动大小。

起初我尝试将框列表居中。但是,框的总宽度决定了中间框的位置,如果右框大于左框,则内容框会向左偏移。

然后我找到了一个解决方案,使用表格并强制左右列为 50% 宽度,中间列不允许换行。但是使用表格强制布局总是不好的。

有没有不使用表格的可能解决方案?

*编辑:我过早地决定返回列表,因为它接近我想要的并且是最好的解决方案。似乎我找到了一个带有列表的解决方案,但不是最好的解决方案。使左列和右列固定在相同的宽度、边距和填充上,以便中心列从左列和右列具有正确的偏移量。

最佳答案

关于css - 完美中心的内容栏,附有左右栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2090185/

相关文章:

css - 使用 `transform: translate(...` 和 `translate: ...` 之间有区别吗?

javascript - CSS2 光标不显示 "hand"

html - 如何在不使用最大宽度的情况下垂直对齐标签?

html - 当显示 :table? 的 child 时,制作一个全宽的 div

javascript - 单击按钮将 img 替换为 iframe

html - 在 anchor 悬停上为图像添加边框或框阴影

javascript - 存储网页供离线查看 ionic 3

元素开始标记内的 HTML 注释

PHP - 例如,当需要条件 html block 时如何避免 "echo"HTML

python - 如何将分页器 block 移动到页脚?