问题标签 [vertical-alignment]

UIBarButtonItems 的水平定位没有问题，我可以简单地用固定/灵活的空间项填充空间。但是，我似乎无法垂直调整工具栏项目。UIToolbar 没有对齐属性，UIBarButtonItem 没有办法设置它的框架。

我需要这样做，因为我们混合使用了使用 initWithImage 创建的自定义图标和使用 initWithBarButtonSystemItem 创建的标准图标。自定义图标没有正确居中（它们向上偏移，相对于正确居中的系统图标），因此工具栏看起来很尴尬。

好的，我是一个完全的初学者，事实上我还在建立我的第一个网站。我试图在没有 CMS 的情况下通过手动编码来完成这一切，以便尽可能快地尝试和学习。如果这篇文章发错了地方，我深表歉意，并感谢指向正确位置的指针。

在这里，我正在尝试拼凑一些 jQuery，它会自动垂直对齐我的图片库中的缩略图（它们都是不同的大小）。它们在固定大小的 div 内，我尝试的功能如下所示：

不出所料，这是行不通的，如果某个好心的人可以同情一个完全的菜鸟，并指出我哪里出错了（可能我的第一个猜测是写完整的胡言乱语），我将不胜感激——即使你可以只需向我指出有关这些事情的教程的方向。我查看并发现一个参考资料说这样的功能很容易创建，但没有详细说明。

我想做的是实现垂直对齐：文本底部效果，但我不是在图像元素上这样做。我在一个带有背景图像集的元素上做这件事。如果您在此处粘贴上述代码：http: //htmledit.squarefree.com/

您将看到文本未能垂直对齐到底部。

如果可能的话，我想知道如何在不添加额外 html 元素的情况下完成它。

非常感谢大家。

有没有办法在固定大小的 div 中执行可变大小的多行内容的垂直居中，并隐藏溢出？

目的是重现您在 Excel 单元格中看到的内容：当内容适合容器时，它应该垂直居中，当它更大时，应该隐藏溢出的部分（并且内容仍然垂直对齐），例如相邻不为空的 Excel 单元格。

我知道如何使用 CSS 垂直居中，我知道如何在内容未垂直居中时隐藏溢出，但我不知道如何同时做到这两个... Javascript 是唯一的答案吗？

诀窍是 CSS 定位方法不适用于可变大小的内容（我的内容是动态文本），并且当您使用 时display:table-cell，它会有效地禁用 CSS 溢出控制（并且容器会增长以适应内容）。

我想知道在 xhtml 1.0 strict 中有哪些选项可以在文本的两侧创建一条线，如下所示：

我想过做一些像这样的花哨的事情：

或者，由于上述内容存在对齐问题（垂直和水平）：

这也有对齐问题，我用这个烂摊子解决了这个问题：

除了对齐问题之外，这两个选项都让人感觉“笨拙”，如果您之前碰巧见过这个并且知道一个优雅的解决方案，我将非常感激。

在这里用 CSS垂直对齐文本的最简单方法是什么？

问题：

我有一个设置的宽度和高度图像让我们说 height:160px; 宽度：200px；每个盒子里都有一张图片。

图像的大小可能会有所不同，但我需要一个解决方案，无论它的大小如何，它都将始终将图像垂直和水平地居中在框中。

通过使用 margin: 0 auto，水平似乎不是问题，但事实证明垂直是困难的。我试过垂直对齐：中心，但这似乎也不起作用

任何帮助都是appriciated谢谢

当 Webkit (Safari, Chrome) 遇到一个 inline-block 时...

1. 指定line-height高度
2. 使用多个行框呈现内容

... inline-block 元素忽略指定的vertical-align.

为了帮助说明问题，我有一个小测试用例： http ://arther.net/lab/webkit-vertical-align-test.html#test

Firefox 3.6、Opera 10.53 和 IE7+ 将这些内联块视为内联元素，并且垂直对齐按预期工作。Webkit 浏览器（和 Opera 10.10）在这种情况下将 inline-blocks 视为块级元素，因此忽略vertical-align. 那么，谁是正确的，谁是错误的？

我可以看到这两种方式。一方面，你可以说所有的内联元素——甚至是内联块——都应该按照vertical-align. 另一方面，内联元素通常定义一个单独的内联框并且没有自己的行框。任何包装多个行框的东西都应该是块级元素。在这种情况下，应将 inline-block 视为一个块，从而忽略vertical-align.

鉴于当前的行为，我认为以下其中一项是正确的：

• 这是一个 Webkit 错误
• 这是所有其他渲染引擎中的错误
• 规范对处理这种特殊情况含糊不清，并且正在采取不同的方法

如果有人可以就这个问题以及预期的行为应该是什么提供一些澄清，我将不胜感激。

您好，我正在开发一个 ASP.NET\ c# 应用程序；

我有一个底部带有 div 的页面，只是为了向最终用户显示错误\成功消息。这些消息进入此 div 内的 asp 标签。我需要将这些消息垂直对齐，到目前为止我还没有成功。Vertical-align 似乎不适用于 IE。

有什么提示吗？

tks

所以我的老板对我说，“嘿，你！让它在我们网站的顶部有一个横幅，上面有我们的电话号码和我们的时事通讯的注册信息。” 虽然我老了而且很容易混淆，但我认为现在是停止使用表格并像上帝一样使用 css 的时候了。

但是，无论我尝试做什么让事情垂直对齐，我都会得到各种莫名其妙的结果，具体取决于是否在 Chrome、IE6、IE7 和 Firefox 中查看该站点。（我主要说的是字段和提交按钮的大小和垂直居中。）

1) 这里有我不知道的大秘密吗？

2) 我应该回到原来的计划使用桌子吗？

3) CSS 真的是外星人发明的一个残忍的把戏，让我们在打印“为人类服务”的副本时保持忙碌吗？

哈！