问题标签 [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.
html - 如何垂直对齐div中的文本?
我正在尝试找到将文本与 div 对齐的最有效方法。我已经尝试了一些东西,但似乎都没有。
latex - 我如何在乳胶中垂直和水平地居中报价?
我在乳胶的空白页上有一个报价。我设法将其水平居中,但是,当我尝试将其垂直居中时,它给了我一些问题。我努力了
但是它不起作用。
css - 表格单元格中文本的垂直定位
当我在表格单元格中放置图像后跟文本时,与相邻单元格中的文本相比,文本的垂直对齐方式会向下移动。我尝试使用line-height
CSS 属性,但似乎没有影响。
在以下示例中,我需要“123 描述”与“单元格一”齐平。此外,默认情况下,图像和“123”之间有一个空格。我该如何调整 - 也许是负利润?
latex - LaTeX - 相当于\makebox的垂直空间?
我正在制作一个 LaTeX 文档,并且我正在取得成功\makebox
,它将文本放在一个不可见的框中,并将在末尾添加额外的水平空白,以使整个内容适合您指定的大小。
垂直空间有类似的东西吗?
我有一些可变长度的段落、图像等,我想放在这个垂直的盒子里。我希望 LaTeX 放入适量的垂直空间(在底部),这样整个东西就是我给它的设定大小。
html - 如何在一条线上垂直居中图像?
当图像小于行高时,使图标居中的最佳方法是什么?
例如(内联样式以便于阅读):
这是一个 jsFiddle 示例。此示例还说明了为什么vertical-align: middle
不起作用。
我希望 img 以 div 的文本为中心。也就是说,即使文本换成多行,图像也会以单行为中心。理想情况下,该解决方案不涉及在图像上设置边距/填充,即使我不知道行高也可以工作。
我读过的东西:
如何使用 CSS 垂直对齐图像旁边的文本?(处理图像较大的情况,这里似乎不适用)
css - CSS & Typography:数字降序的统一垂直对齐
查看以下屏幕截图: http: //www.jesserosenfield.com/beta/descenders.png
我的问题是降序(如屏幕截图中的“7”)数字与跨度的底部垂直对齐,而其他数字则更靠近中间垂直对齐。有没有办法“均衡”所有数字的垂直对齐,无论上升/下降如何?
谢谢!
编码:
和 CSS
php - 在多个表格单元格中垂直对齐产品价格
对不起这里的长度。我正在使用 oscommerce 并有一个页面,其中包含我们所有的产品特价商品,这些商品都放在一个 3 列的表格中。我需要调整每种产品的价格,以便所有价格在屏幕上相互对齐。
从视觉上看,这就是我想要的:
目前,这是现有代码生成的内容:
这是目前的代码:
我试图编写一些代码来写出图像和标题,然后将我们带回数组中的 3 步。接下来是一个新行,然后是三个包含上述产品价格的新列,一个分隔符,然后从那里继续。
这样一来,无论标题大小如何,价格都将彼此垂直对齐。我正在通过多个嵌套循环,但仍然没有接近我的最终结果。
帮助将不胜感激。
latex - 垂直居中标题页
我正在尝试使用乳胶在自定义大小的页面上垂直居中标题。我编写了以下代码,但由于某种原因它没有居中。有人可以指出我有什么问题吗?
谢谢!
html - HTML - 对齐单选按钮和文本
假设您有两个彼此相邻的简单表格单元格。
一个包含一个单选按钮和文本。另一个只包含文本。
单选按钮的大小设置为 16x16 像素(不要问我为什么,假设它就是这样)。
字体大小为 12 像素。
您如何使标签和单选按钮在所有主要浏览器中沿着(或合理接近)表格行的垂直中间对齐?
让您入门的示例 HTML:
在我安装的 IE、Opera、Firefox 和 Chrome 版本中,上面的渲染是这样的
我期望看到的结果是... IE 在该图像上显示的结果?严重地?
其余的看起来足够接近,但是我对文本进行排列的任何尝试都使它在 4 个浏览器中的至少 2 个中看起来总是很糟糕。
android - 在垂直方向的 LinearLayout 中垂直对齐 Button 和水平方向的 LinearLayout 的问题
我是用手机发帖的,所以请原谅愚蠢的错别字和格式问题。
我有一个活动列出了玩家可以加载的已保存游戏。
我创建了一个简单的布局 xml 文件,它定义了一个 ScrollView。加载时,我抓取所有保存的游戏,并以编程方式将每个保存的游戏的视图添加到 ScrollView 的垂直方向 LinearLayout 子项。
每个游戏的视图由一个水平方向的 LinearLayout 组成,后者又包含一个 Button 和一个垂直方向的 LinearLayout。该LinearLayout 又包含一些TextViews 和ImageViews(以及另外一个LinearLayout,为了清楚起见我在此省略)。
层次结构看起来像这样(省略了一些细节)。
我的问题:
我希望按钮的顶部和“游戏名称”texview 垂直对齐,但 TextView(或者它可能是 LinearLayout 父级)在顶部有一些我无法摆脱的流氓填充。有关详细信息,请参阅屏幕截图。
LoadSaved 类:注意:mScrollView 命名错误。它指的是 ScrollView 的子 LinearLayout。
加载保存的.xml