html - CSS垂直对齐不同的文本大小

标签 html css vertical-alignment

假设以下 HTML:

​<p><span style="font-size: 40px;">A</span>a​​​​​​​​​​​​​​​​​​​​​​</p>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

是否可以让第二个字符与第一个字符的中心对齐?

实际结果

第二个字符与 this example 中第一个字符的底部对齐:

enter image description here

预期结果

但是,我希望第二个字符与第一个字符的中间对齐:

enter image description here

最佳答案

只需添加 vertical-align:middle; 样式。

http://jsfiddle.net/uEu6B/1/

关于html - CSS垂直对齐不同的文本大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10838853/

相关文章:

css - 框中字体字形的 WebKit 与 Mozilla 垂直对齐

javascript - 如何使用 jQuery 删除动态添加的行?

javascript - 如何使范围偏移与多行 contenteditable div 中的 HTML 元素一起使用?

javascript - Jquery 添加/删除类不起作用

javascript - ChartJS 根据下拉选择更改显示的数据

html - 为什么 Gmail 网页界面不支持 CSS 中指定的背景大小?

html - CSS Bootstrap 对齐

jquery - 在 HTML 页面中显示 JSON 响应

html - Visual Studio/Chrome 不更新 HTML/Typescript

css - 将网格中的列推到底部,垂直对齐不起作用