html - 长字符串与 div 对齐/格式混淆

Question

我有一个用户列表。现在，任何具有长名称的用户都在弄乱对齐/编队。

我认为通过为名称设置大小可以解决问题：

.invitee .name{
  height: 50px;
  width: 115px;
  text-align: center;
}

......不是这样。

我做了一个小提琴来告诉你我的意思。

我该如何解决？

score 1 · Accepted Answer

您的受邀者类有一个内联块 css。默认情况下充当内联元素的元素与中心垂直对齐，您可以添加：

.invitee {vertical-align:top}

然后你可以删除高度。

PD：inline-block 在 IE7 等旧浏览器中不起作用。您可以尝试添加此 hack：

.invitee {
  display:inline-block; *display:inline; *zoom:1
}

score 0 · Accepted Answer

0

你可以使用溢出： overflow:hidden;

这将隐藏大于该大小的所有内容。

于 2013-01-07T15:04:01.773 回答

score 0 · Accepted Answer

首先定义高度.invitee并添加position: absolute到.name

score 0 · Accepted Answer

0

添加这个：

white-space: nowrap;

于 2013-01-07T15:07:35.547 回答

4 回答 4