我可以使用display:inline with text-align: right吗？

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: 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>

​