问题标签 [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 投票
33 回答
2037258 浏览

html - 如何垂直对齐div中的文本?

我正在尝试找到将文本与 div 对齐的最有效方法。我已经尝试了一些东西,但似乎都没有。

0 投票
2 回答
35798 浏览

latex - 我如何在乳胶中垂直和水平地居中报价?

我在乳胶的空白页上有一个报价。我设法将其水平居中,但是,当我尝试将其垂直居中时,它给了我一些问题。我努力了

但是它不起作用。

0 投票
4 回答
11538 浏览

css - 表格单元格中文本的垂直定位

当我在表格单元格中放置图像后跟文本时,与相邻单元格中的文本相比,文本的垂直对齐方式会向下移动。我尝试使用line-heightCSS 属性,但似乎没有影响。

在以下示例中,我需要“123 描述”与“单元格一”齐平。此外,默认情况下,图像和“123”之间有一个空格。我该如何调整 - 也许是负利润?

0 投票
3 回答
7947 浏览

latex - LaTeX - 相当于\makebox的垂直空间?

我正在制作一个 LaTeX 文档,并且我正在取得成功\makebox,它将文本放在一个不可见的框中,并将在末尾添加额外的水平空白,以使整个内容适合您指定的大小。

垂直空间有类似的东西吗?

我有一些可变长度的段落、图像等,我想放在这个垂直的盒子里。我希望 LaTeX 放入适量的垂直空间(在底部),这样整个东西就是我给它的设定大小。

0 投票
3 回答
25097 浏览

html - 如何在一条线上垂直居中图像?

当图像小于行高时,使图标居中的最佳方法是什么?

例如(内联样式以便于阅读):

这是一个 jsFiddle 示例。此示例还说明了为什么vertical-align: middle不起作用。

我希望 img 以 div 的文本为中心。也就是说,即使文本换成多行,图像也会以单行为中心。理想情况下,该解决方案不涉及在图像上设置边距/填充,即使我不知道行高也可以工作。

我读过的东西:

如何使用 CSS 垂直对齐图像旁边的文本?(处理图像较大的情况,这里似乎不适用)

了解垂直对齐

0 投票
6 回答
4856 浏览

css - CSS & Typography:数字降序的统一垂直对齐

查看以下屏幕截图: http: //www.jesserosenfield.com/beta/descenders.png

我的问题是降序(如屏幕截图中的“7”)数字与跨度的底部垂直对齐,而其他数字则更靠近中间垂直对齐。有没有办法“均衡”所有数字的垂直对齐,无论上升/下降如何?

谢谢!

编码:

和 CSS

0 投票
1 回答
691 浏览

php - 在多个表格单元格中垂直对齐产品价格

对不起这里的长度。我正在使用 oscommerce 并有一个页面,其中包含我们所有的产品特价商品,这些商品都放在一个 3 列的表格中。我需要调整每种产品的价格,以便所有价格在屏幕上相互对齐。

从视觉上看,这就是我想要的:

目前,这是现有代码生成的内容:

这是目前的代码:

我试图编写一些代码来写出图像和标题,然后将我们带回数组中的 3 步。接下来是一个新行,然后是三个包含上述产品价格的新列,一个分隔符,然后从那里继续。

这样一来,无论标题大小如何,价格都将彼此垂直对齐。我正在通过多个嵌套循环,但仍然没有接近我的最终结果。

帮助将不胜感激。

0 投票
4 回答
104429 浏览

latex - 垂直居中标题页

我正在尝试使用乳胶在自定义大小的页面上垂直居中标题。我编写了以下代码,但由于某种原因它没有居中。有人可以指出我有什么问题吗?

谢谢!

0 投票
5 回答
16111 浏览

html - HTML - 对齐单选按钮和文本

假设您有两个彼此相邻的简单表格单元格。
一个包含一个单选按钮和文本。另一个只包含文本。

单选按钮的大小设置为 16x16 像素(不要问我为什么,假设它就是这样)。
字体大小为 12 像素。

您如何使标签和单选按钮在所有主要浏览器中沿着(或合理接近)表格行的垂直中间对齐?

让您入门的示例 HTML:

在我安装的 IE、Opera、Firefox 和 Chrome 版本中,上面的渲染是这样的

我期望看到的结果是... IE 在该图像上显示的结果?严重地?

其余的看起来足够接近,但是我对文本进行排列的任何尝试都使它在 4 个浏览器中的至少 2 个中看起来总是很糟糕。

0 投票
3 回答
1437 浏览

android - 在垂直方向的 LinearLayout 中垂直对齐 Button 和水平方向的 LinearLayout 的问题

我是用手机发帖的,所以请原谅愚蠢的错别字和格式问题。

我有一个活动列出了玩家可以加载的已保存游戏。

我创建了一个简单的布局 xml 文件,它定义了一个 ScrollView。加载时,我抓取所有保存的游戏,并以编程方式将每个保存的游戏的视图添加到 ScrollView 的垂直方向 LinearLayout 子项。

每个游戏的视图由一个水平方向的 LinearLayout 组成,后者又包含一个 Button 和一个垂直方向的 LinearLayout。该LinearLayout 又包含一些TextViews 和ImageViews(以及另外一个LinearLayout,为了清楚起见我在此省略)。

层次结构看起来像这样(省略了一些细节)。

我的问题:

我希望按钮的顶部和“游戏名称”texview 垂直对齐,但 TextView(或者它可能是 LinearLayout 父级)在顶部有一些我无法摆脱的流氓填充。有关详细信息,请参阅屏幕截图。

alt

LoadSaved 类:注意:mScrollView 命名错误。它指的是 ScrollView 的子 LinearLayout。

加载保存的.xml