集中联机

有人知道如何居中对齐显示设置为嵌入块的DIV吗？

我无法将显示设置为阻止，因为我有一个需要重复的背景图像，并且需要根据内容进行扩展。 它位于父div的内部，其中宽度较大。

总而言之。 有没有人有修正中心对齐div与显示设置为内联块？

不，text-align：center; 不工作，也不保证：0 auto;

jsFiddle：http://jsfiddle.net/HkvzM/

谢谢！

---

尝试使用这个：

margin: 0 auto;

或者text-align: center; 在父<div> ...

---

嗨，你可以给父母的文本 - 对齐中心而不是像这样的孩子

CSS

div{
    text-align: center;

}

.dl{
    color: #fff;
    margin: 0 auto;
    background: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;  
    line-height:35px;  
    display:inline-block;    
}

HTML

<div>
<a class="dl">DOWNLOAD NOW DOWNLOAD NOW DOWNLOAD NOW</a>    
</div>

现场演示http://jsfiddle.net/rohitazad/HkvzM/15/

---

你不能以一个元素为中心

display:inline

您可能需要通过使用jQuery或JavaScript来找到解决方法。 你可以用CSS做一些大致的居中操作，如果文本的长度没有改变那么就可以工作。 像这样的演示

<div id="out">
    <a class="dl">DOWNLOAD NOW DOWNLOAD NOW DOWNLOAD NOW</a>
</div>​​​

#out{
 padding:0 50px;   
}

链接地址: http://www.djcxy.com/p/75667.html

上一篇: Centering An Inline

下一篇: css