Question

我有这个＆lt; select＆gt;与＆lt;选项＆gt;。我不知道为什么在桌面浏览器上文本是居中和响应的，在移动设备上它没有居中......我该怎么办？＆lt; p class =＆＃34; text-design col-xs-6 text-left orange-text＆＃34;＆gt;我的行＆lt; / p＆gt; ＆lt; select class =＆＃34; select-category col-xs-6＆＃34;名称=＆＃34;＆＃34;＆GT; ＆lt; option value =＆＃34; test＆＃34;＆gt;添加＆LT; /选项＆GT; ＆LT; /选择＆GT;

Answer 1

您的CSS代码是什么样的？

您正在使用Twitter bootstrap，因此您可以使用text-center类来对齐中心：

<select class="select-category col-xs-6 text-center" name="" > <option value="test"> Add</option> </select>

You can see the bootstrap documentation

Answer 2

.text-left{
    display:block;
    width:100%;
 }

Answer 3

您似乎希望将<p></p>和<option></option>都集中在一起。 - 它需要在<option>块内部填充以使其居中。 - 它是一个块元素，最初设置为填充：15px。我已经实现了一个codepen解决方案:)。 http://codepen.io/aayusharora/pen/xggQmq

<select>中的响应文本并对齐中心

3 个答案: