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

Stack Overflow用户

提问于 2018-06-11 06:57:50

回答 2查看 190关注 0票数 0

我正在尝试让一个文本显示在屏幕的右侧。它需要一个黑色的背景颜色，背景宽度不应该扩展整个屏幕的宽度，而只是文本，这是我通过display: block实现的。现在，我似乎无法将文本与屏幕的右侧对齐。我试着做text-align: right，但是什么也没发生。

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

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

回答已采纳

发布于 2018-06-11 07:17:19

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

此外，它只对内联级别的元素(inline和inline-block)有效，并且只有在有空间移动元素的情况下才可见。

div {
  text-align: right;
}

.mytext {
  display: inline-block;
  background: black;
  color: white;
}

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

或者你可以使用浮点数，但我不推荐它，因为它可以使用文本对齐属性来实现，而且我们都知道浮点数有多奇怪。

票数 1

发布于 2018-06-11 06:58:40

你可以用float代替文本吗？

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

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50788751

复制

相似问题

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