css 如果行右侧有项目,如何将文本居中

8aqjt8rx  于 2022-11-26  发布在  其他
关注(0)|答案(1)|浏览(163)

下面是我想要得到的。黑色部分是容器div。宽度100%。蓝色部分是主标题文本div,而粉红色部分是应该放在容器div右边的按钮。
问题:如何将标题文本居中,使其成为容器div的中心,而不是蓝色部分的中心?我的问题是当我给予粉色按钮的位置时:绝对;滚动时该按钮保持浮动。

nx7onnlm

nx7onnlm1#

也许是这样的:
第一个
当然你可以改变背景颜色,边框,填充,边距,...来适应你的设计。这只是为了说明元素在哪里。
这里的关键是在按钮上使用position: absolute
position: absolute从文档流中删除元素(按钮),以便其他元素(标题文本)可以在页面的100%宽度上居中。
关于绝对位置here on MDN的一些有用信息

相关问题