Question

示例：

<td>
  <img src="..." />
  <img src="..." />
  <div style="text-align:right display:inline;">
    hello world!
  </div>
</td>

Answer 1

技术上你可以，但它没有任何效果。显示：内联将div显示为内联元素（如a或span），因此没有宽度 - 它将缩小以适合文本。

如果您尝试在右侧显示内嵌文字，请尝试使用float: right;

另外，在您的代码中，您错过了“;”在text-align之后：对。

Answer 2

规范在这方面有点不清楚，但它不应该起作用。 text-align属性对内联元素没有意义，因为它适用于文本块（内联元素不是）。在您的示例中，<p>（块元素）无论如何都是更好的选择。

Answer 3

否，但是尝试使用display：inline-block;查看摘要

.img{
display:inline-block;
}

.text{
display:inline-block;
color:white;
font-size: 15px;
font-family: tahoma;
text-align:right;
}

.wrapper{
display:block;
background-color:black;
padding:1em;
width:23em;
}

<td>
<div class="wrapper">
  <img src="..." class="img"/>
  <img src="..." class="img"/>
  <div class="text">
    hello world! Lorem ipsum lorem ipsum lorem ipsum loren ipsum
  </div>
</div>
</td>

Answer 4

您可以使用dir =“ rtl”将要显示的元素内嵌在另一个div中

<div dir="rtl">
  <div style="display: inline">Align to the right</div>
</div>

演示：https://jsfiddle.net/guya/xwhodc0s/

我可以使用显示：内联text-align：对吗？

4 个答案: