html - 垂直对齐单词或句子中的单个文本字符

标签 html css wordpress alignment

我使用基于线条和文本的 Logo 。我想在我的网站中包含此变体,但使用 CSS 创建 Logo 。

enter image description here

我试图将“T - S o N”作为一行,但“o”在“S”和“N”之间垂直居中,如上面的 Logo 所示。

我是 CSS 的新手,到目前为止,我一直在努力让任何东西发挥作用。我猜 table 是要走的路,但我真的不知道该怎么做。

非常感谢

最佳答案

同意@mbync。这是执行此操作的最简单和更好的方法。如果有人仍然对如何以表格方式执行此操作感兴趣,请看这里

<table>
  <tbody>
    <tr style="height: 25px;">
      <td>S</td>
      <td style="vertical-align: initial;">o</td>
      <td>N</td>
    </tr>
  </tbody>
</table>

关于html - 垂直对齐单词或句子中的单个文本字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31575990/

相关文章:

javascript - 将多个元素附加到其他元素 jQuery JavaScript

javascript - javascript 确认()取消后在表单提交按钮上运行 AJAX 函数

wordpress - MAMP "Extras"Wordpress 站点导致错误 ERR_CONNECTION_REFUSED

javascript - 创建一个简单的 CKEditor 插件 - 选择下拉列表

javascript - 选择具有特定类别的 sibling

css - 我怎样才能指定一个独特的菜单项并赋予它独特的属性?

css - 如何使悬停底部边框与下面的 div 重叠?

css - HTML5 表单选择字段直到悬停才显示

javascript - 从 MySQL 中的 TinyMCE 数据中删除/r/n 标签

jquery - 当我拖出 div 时拖放被隐藏