Question

我有一些看起来很糟糕的代码，这里有错误（特别是div的填充和边距），现在说这没关系所以我做了一个位置：固定div并放入文本对齐，但它没有对齐文本

<div style="background-color: black; width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; position: fixed; top: 0px; right: 0px;">
    <br><a style="color: white; text-align: left;">Hi, </a>
    <a href="profile.php" style="color: white; text-align: left;">USERNAME</a>
    <a href="settings.php" style="color: white; text-align: right;">settings</a><a style="color: white; text-align: right;">|</a><a href="logout.php" style="color: white; text-align: right;">logout</a>
    <br><a style="color: black;">.</a></div>
<br><br><br>

Answer 1

您必须为div设置text-align:right，而不是为链接设置。

<div style="text-align:right;background-color:black;width:100%;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;margin-top: 0px;margin-bottom: 0px;margin-right: 0px;margin-left: 0px;position: fixed;top: 0px;right: 0px;"><br>
<a style="color:white;text-align: left;">Hi, </a><a href="profile.php" style="color:white;text-align: left;">USERNAME</a>
<a href="settings.php" style="color:white;">settings</a><a style="color:white;">|</a><a href="logout.php" style="color:white;">logout</a>
<br><a style="color:black;">.</a></div><br><br><br>

文本对齐不在位置内工作：固定div

1 个答案: