Question

我的链接有背景颜色。我需要它居中，但它的背景不占用全宽。我也无法为链接设置固定宽度，因为文本由CMS提供并且将为var。不能在不添加额外HTML的情况下解决此问题

<a class="green-button" href="#">Download</a>

<a class="green-button two" href="#">Download</a>

.green-button {
    background: none repeat scroll 0 0 blue;
    border-bottom: 1px solid red;
    color: #FFFFFF;
}

.two {
    margin: auto;
    display: block;
}

编辑 - 抱歉，我没有提及，但同一父div中也有文本需要保持其默认文本左对齐。

http://jsfiddle.net/jx3e4/7/

Answer 1

提供父div [{1}}和绿色按钮 - text-align:center

<强> UPDATED FIDDLE

Answer 2

试试这个..........

<强> HTML

<div class="links">
<a class="green-button" href="#">Download</a>
    <br />
    <br />
<a class="green-button two" href="#">Download</a>
</div>

<强> CSS

.green-button {
    background: none repeat 0 0 blue;
    border-bottom: 1px solid red;
    color: #FFFFFF;
    text-align:center;
    margin:auto;
    padding: 6px 12px 6px 12px;
}
.links {
    width:100%;
    display:block;
    text-align:center;
}

jsFiddle

中心链接与背景，没有使背景占据全宽？

2 个答案: