用CSS将select/option文本居中

最新推荐文章于 2021-08-03 22:19:41 发布

weixin_30244681

最新推荐文章于 2021-08-03 22:19:41 发布

阅读量93

点赞数

原文链接：http://www.cnblogs.com/ziyoublog/p/10510450.html

版权

<select>
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
</select>

css :

select {
    width: 70px;
    height: 37px;
    padding: 0 0 0 20px;
}

或者

select {
    width: 70px;
    height: 37px;
    text-align: center;
    text-align-last: center;
}