css 在HTML中将Unicode文本在同一行上左右对齐

eqoofvh9 于 12个月前发布在其他

关注(0)|答案(1)|浏览(104)

如何在同一行中将某些文本对齐在左侧，而将其他文本对齐在右侧？
我尝试了一些来自here的非Unicode文本的解决方案。但对于Unicode文本，文本的两个部分不是垂直对齐的：

<div style="width: 70px;">
  <span style="float: left;">foo</span>
  <span style="float: right;">foo？</span>
</div>

<br><br>

<div style="width: 70px; display: flex; justify-content: space-between;">
  <span>foo</span>
  <span>foo？</span>
</div>

css

来源：https://stackoverflow.com/questions/77315457/align-unicode-text-left-and-right-on-the-same-line-in-html

1条答案

按热度按时间

azpvetkf1#

基本上问号比字体占用更多的空间，给出行高将解决问题。希望这对你有帮助。

<div style="width: 70px;">
  <span style="float: left; line-height: 22px;">foo</span>
  <span style="float: right; line-height: 22px;">foo？</span>
</div>

<br><br>

<div style="width: 70px; display: flex; justify-content: space-between;">
  <span style="line-height: 22px;">foo</span>
  <span style="line-height: 22px;">foo？</span>
</div>

赞(0）回复(0）举报 12个月前

我来回答

css 在HTML中将Unicode文本在同一行上左右对齐

1条答案

相关问题

热门标签

最新问答