javascript - 如何让DIV中的内容垂直对齐

标签 javascript html css

<div id="content">ABC<div>UUU</div></div>

我只是想为 div#content 找到一些在中间垂直对齐的方法。其实我有一些解决办法。第一个是使用 line-height,但是如果 div#content 中有另一个 div,它就无法工作。我认为 vertical-align:middle 只适用于表格?还有其他可用的解决方案吗?

我尝试了 vertical-align:middle 和 display:table-cell,另一个问题来了, 宽度不起作用,我给那个div一个很大的宽度,可以填满屏幕(1438px),但现在宽度也是那个数字但只填满了屏幕的1/3宽度。 表格单元格看起来像是在屏幕上制作每个单元格,但我只想为表格单元格指定指定的长度。

最佳答案

根据您的要求使用它

#content {display:table-cell; vertical-align:middle}

关于javascript - 如何让DIV中的内容垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12276361/

相关文章:

javascript - 对象 HTMLImageElement 显示而不是图像

javascript - .NET 中的 HTML 和 JavaScript 解析器

html - 如何不让手机上的黑暗模式影响我的网站?

html - 使用视口(viewport)宽度的 CSS3 列

JavaScript: "TypeError: $(...).html(...).html(...).css is not a function"

javascript - 如何获取一组 li 元素并将其放入 JavaScript 中的对象中

javascript - 具有未知 ID 的 Onclick 函数

html - 为什么 flex 元素不缩小过去的内容大小?

HTML 表格 td 宽度由垂直文本?

jquery - 解除绑定(bind)到元素类的所有点击