html - CSS对齐多个文本部分

标签 html css

我正在尝试对齐三个文本部分，其中中间部分具有最大宽度，可以使用 text-overflow:ellipsis 属性将其截断。

例如网站 | www.aLongNameShouldBeTruncated.com |正在开放

应该这样对齐:

enter image description here

我可以让它在 chrome 上工作，请参阅 http://jsfiddle.net/LSuRx/5/ :

但我无法让这三个部分在 IE9 和 FireFox 中很好地垂直对齐:

enter image description here

谁知道我该如何解决这个问题？

最佳答案

您可以将 vertical-align: bottom; 添加到 #addressContainer。

关于html - CSS对齐多个文本部分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12139756/