它创建的正是我所需要的,但我无法将页面上的整个元素居中。居中只会使文本在背景色区域内居中。我做错了什么?
我尝试了许多不同的代码组合,但无法实现。
GROW YOUR BUSINESS WITH US
<h1 style="display: inline-block; text-align: center; background-color: #273b86; color: #ffffff; padding: 5px; border-radius: 5px; width: 640px;">GROW YOUR BUSINESS WITH US</h1>
我希望上面的整个元素在页面上居中。
最佳答案
您也可以将显示属性更改为 block 并为其添加 margin:auto! 我把它放在一个1000px宽度的div中供你查看,但你只需要h1
<div style="width:1000px;">
<h1 style="display: block; text-align: center; background-color: #273b86; color: #ffffff; padding: 5px; border-radius: 5px; width: 640px; margin:auto;">GROW YOUR BUSINESS WITH US</h1>
</div>
关于html - 如何将此元素置于页面中央?我只能在彩色背景中将文本居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54186865/