Question

我正在尝试在屏幕右侧显示文本。它需要黑色的背景颜色，背景宽度不应该扩展到屏幕的整个宽度，而只应该是我通过text-align: right实现的文本。现在我似乎无法将文本对齐到屏幕右侧。我尝试过做.mytext { background: black; color: white; display: inline; text-align: right; }但没有任何反应。

＆＃13;

<p class="mytext">hello hello</p>

＆＃13;

{{1}}

＆＃13;

Answer 1

你可以float代替文字吗？

.mytext {
  background: black;
  color: white;
  display: inline;
  float: right;
}

<p class="mytext">hello hello</p>

Answer 2

text-align应该应用于父级，而不是它自身的元素。

它也只会对内联级别元素（内联和内联块）产生影响，只有在有空间移动元素时才会显示。

＆＃13;

div {
  text-align: right;
}

.mytext {
  display: inline-block;
  background: black;
  color: white;
}

＆＃13;

<div>
  <p class="mytext">hello hello</p>
</div>

＆＃13;

或者你可以使用浮点数，但我不推荐它，因为它可以使用text-align属性实现，我们都知道怪异的浮点数。

如何将文本对齐到屏幕右侧并具有背景颜色？

2 个答案: