Question

我的菜单中有一个ddl，希望将文本居中。由于ddl所选值的长度不同，因此它们偏离中心。任何帮助表示赞赏。

我已尝试使用文本缩进，如下面的示例所示。

select {
  font-weight: bold;
  color:#fff;
  background:#444444;
  border:0;
  text-indent: 20%;
  font-size:18px;
  height:29px;
}

<select>
  <option value="0">Mixed Job Lot</option>
  <option value="1">Antiques / Art</option>
  <option value="2">Baby &amp; Toddler Stuff</option>
</select>

Answer 1

只需将text-align-last:center;添加到您的选择选项中

select {
  font-weight: bold;
  color:#fff;
  background:#444444;
  border:0;
  font-size:18px;
  height:29px;
  text-align-last:center;
}

<select>
  <option value="0">Mixed Job Lot</option>
  <option value="1">Antiques / Art</option>
  <option value="2">Baby &amp; Toddler Stuff</option>
</select>

在选择菜单中居中对齐文本

1 个答案: