标签

Question

我正在使用Bootstrap 3.我有5个不同的label，我想将width设置为最大值并将文本居中。

例如，每个label的{​​{1}}应该等于红色的width。

<span class="label label-md label-danger">Merkez Tarafından Reddedildi</span>

Answer 1

因为.label是内联元素，您必须设置为inline-block，然后设置min-width

引导程序已将文本集中在.label中，因此无需担心。

注意：我仅使用!important进行演示，避免在代码中不惜一切代价使用。

＆＃13;

＆＃13;

.label {
  min-width: 200px !important;
  display: inline-block !important
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<span class="label label-md label-danger">Merkez Tarafından Reddedildi</span>
<hr />
<span class="label label-md label-info">Merkez</span>
<hr />
<span class="label label-md label-warning">Merkez Tarafından </span>
<hr />
<span class="label label-md label-success">Tarafından Reddedildi</span>
<hr />
<span class="label label-md label-default">Tarafından</span>
<hr />
<span class="label label-md label-primary">Tarafından lipsum</span>

＆＃13;

＆＃13;

＆＃13;

Answer 2

无法想出你想要的确切答案，但也许这对你来说会更好。

.label {
    width:200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.label:hover {
    white-space: normal;
}