问题标签 [vertical-alignment]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
9 回答
162213 浏览

如何在div中以可变高度垂直居中内容?

当内容的高度可变时,将 div 的内容垂直居中的最佳方法是什么。在我的特定情况下,容器 div 的高度是固定的,但是如果有一种解决方案可以在容器也具有可变高度的情况下工作,那就太好了。另外,我希望有一个不使用或很少使用 CSS hack 和/或非语义标记的解决方案。

替代文字

0 投票
28 回答
1667757 浏览

如何垂直对齐 div 中的元素?

我有一个div带有两个图像和一个h1. 所有这些都需要在 div 内垂直对齐,彼此相邻。

其中一张图像需要absolute定位在div.

在所有常见浏览器上工作所需的 CSS 是什么?

0 投票
2 回答
1544 浏览

在css中垂直居中具有固定高度的标题

我有一个标题

它有一个高度150px和一个font-size1.3em; 我如何使标题文本垂直居中与 CSS。我宁愿不将它包装在容器 DIV 中(包装 div 真的破坏了整个 CSS 想法)。

0 投票
30 回答
1081526 浏览

居中的最佳方法
在页面上垂直和水平?

<div>在页面上垂直和水平居中元素的最佳方法?

我知道这margin-left: auto; margin-right: auto;将以水平为中心,但是垂直的最佳方法是什么?

0 投票
47 回答
1692237 浏览

如何使用 CSS 为所有浏览器垂直居中 div 元素?

我想div用 CSS 垂直居中。我不想要表格或 JavaScript,而只想要纯 CSS。我找到了一些解决方案,但它们都缺少 Internet Explorer 6 支持。

如何div在所有主流浏览器(包括 Internet Explorer 6)中垂直居中?

0 投票
3 回答
24681 浏览

如何垂直对齐表格列的顶部和底部?

..如果列的高度取决于另一列的高度?解决方案至少应该适用于 IE6,7 和 Mozilla。

HTML表格布局:

0 投票
26 回答
1448112 浏览

垂直对齐图像旁边的文本?

为什么vertical-align: middle行不通?然而,vertical-align: top 确实有效。

0 投票
6 回答
40141 浏览

如何使文本在 CSS 中从上到下运行?

有谁知道如何使文本在 div 中从上到下对齐。

所以甚至不会让我演示它。. . 我只希望字母在页面下方垂直堆叠,就像建筑物的故事一样。希望我不需要用图像来做。

0 投票
27 回答
2409507 浏览

如何将div的内容与底部对齐

假设我有以下 CSS 和 HTML 代码:

标题部分的高度是固定的,但标题内容可能会发生变化。

我希望标题的内容与标题部分的底部垂直对齐,因此最后一行文本“粘”到标题部分的底部。

所以如果只有一行文本,它会像:

如果有三行:

如何在 CSS 中做到这一点?

0 投票
5 回答
55927 浏览

“vertical-align: middle”在 Firefox 中不与中间对齐

我正在尝试垂直对齐一些不同大小的文本,但是,Firefox 在中间上方显示较小的文本。

CSS:

HTML:

截图:( 来源:doheth.co.uk截屏

更新:为了清楚起见,我或多或少地知道如何vertical-align工作,即我已经知道常见的误解。

从更多调查来看,解决此问题的最简单方法似乎是将较大的文本包装在 a 中span并设置vertical-align它。then的两个孩子.categoryLinks彼此对齐。除非有人可以在没有额外标记的情况下展示更好的方法?