我可以使用display：inline与text-align：对吗？

Question

示例：

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

Answer 1

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

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

而且，在您的代码中，您错过了一个“;”在文本对齐之后：右。

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>