html - 如何在任何情况下保持文本垂直对齐?

标签 html css xhtml

例如,在下图中,我希望在所有条件下都保持文本始终垂直对齐。即使文本是一行、两行或三行。

表示文本应始终垂直居中。我不想添加额外的 span

enter image description here

<div>
<img src=abc.jpg"> Hello Stackoverflow. Thank you for help me
</div>

我想用这个html来实现。

编辑

我不想为任何元素提供固定的宽度和高度

最佳答案

Chris Coyier 就此撰写了一篇出色的教程:http://css-tricks.com/vertically-center-multi-lined-text/

我自己用过,效果很好。

关于html - 如何在任何情况下保持文本垂直对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5729593/

相关文章:

css - 让div运行到屏幕右侧

html - 如何将视频添加到移动网络浏览器的网页中

html - 如何将样式类应用于 td 元素?

html - 列表项,两个超链接 CSS 设计

css - 向右浮动一个 div,而不影响设计

css - 为什么连字符属性在 Chrome 中不起作用

php - 这是将 HTML 放入 PHP 的正确方法吗?

php - 清除以前的 $_GET 值或不获取仅隐藏字段的值

javascript - 触摸绘制事件和 HTML5 Canvas

javascript - 使引导菜单在加载时可见