HTML: 文本不会居中 (<div>)
HTML: Text won't center (<div>)
我正在为我们的 Roblox 小组制作一个网站
我试图将此文本（和下面的按钮）居中，但它看起来不对...
Image
它“居中”但看起来不居中，我尝试到处搜索但无济于事
文字编码：
<div style="font-family: 'Algerian'; color: #000000; font-size: 1150%; position: absolute; left: 50%; top: 10%">EUROPA</div>
将transform:translate(-50%,-50%);添加到您的代码
添加transform: translateX(-50%);。
这应该使 EUROPA 水平居中。
尝试在外部完成 css 中的所有样式
如果你想要页面中间的按钮
试试 justify-content: 居中
和 align-item:center
我在 css 中表现不佳，但请尝试 ig
我正在为我们的 Roblox 小组制作一个网站
我试图将此文本（和下面的按钮）居中，但它看起来不对... Image
它“居中”但看起来不居中，我尝试到处搜索但无济于事
文字编码：
<div style="font-family: 'Algerian'; color: #000000; font-size: 1150%; position: absolute; left: 50%; top: 10%">EUROPA</div>
将transform:translate(-50%,-50%);添加到您的代码
添加transform: translateX(-50%);。
这应该使 EUROPA 水平居中。
尝试在外部完成 css 中的所有样式 如果你想要页面中间的按钮 试试 justify-content: 居中 和 align-item:center 我在 css 中表现不佳，但请尝试 ig