Question

我的第4页按钮，

无法在按钮之间创建空格并将文本居中到中心

这是我的代码：

<fieldset data-type="horizontal">
    <div class="ui-block-a" style="width:20%"><button><p style="font-size:10px;">A</p></button></div>
    <div class="ui-block-b" style="width:20%"><button><p style="font-size:10px;">B</p></button></div>
    <div class="ui-block-c" style="width:20%"><button><p style="font-size:10px;">C</p></button></div>
    <div class="ui-block-d" style="width:20%"><button><p style="font-size:10px;">D</p></button></div>
</fieldset>

结果是：

[ AA][  BB][   CC].....

此致

感谢所有帮助：）

我尝试了所有这些东西，我看到按钮仍然没有空格。

我明白了：

[AAA][BBB][CCC][DDD]

我希望看到：

[AAA]  [BBB]  [CCC]  [DDD]

Answer 1

以文字为中心

text-align:center;

在按钮之间有空格，更改每个按钮的左/右边距。

Answer 2

试试这个：

p{
 width:100;
 text-align:center;
}

Answer 3

默认情况下，按钮使用宽度调整内部文本。在你的情况下，文字非常小A，B ......

使用按钮的css width属性来获取

之间的空格

 div{
    display:inline-block;
}

button{
    width:90%; // adjust this to get spaces
}

http://jsfiddle.net/harshdand/LorLx11f/1/

这应该有效

无法在按钮之间创建空格并将文本居中到中心

3 个答案: