如何使固定的选框居中?

时间:2014-02-20 18:53:07

标签: html css

所以基本上我已经创建了一个选框,我希望修改选取框。我已设法做到这一点,但它没有居中。我试过了margin-left:auto; &安培;保证金右:自动;在CSS文件中,但没有运气。似乎也不起作用......

代码:

#fixedmarq {
position:fixed;
margin-left:auto;
margin-right: auto;

 }

HTML代码:

 <div id="fixedmarq"><marquee width="500" bgcolor="#000000"><span style="font-weight: 400; font-family: changa-    one; font-style: normal; font-size:24px; color:#FFFFFF">Welcome back to the NEW CanteraFC website! We hope you like it!</marquee></div>

1 个答案:

答案 0 :(得分:0)

我不太确定贬值的元素,比如marquee,因为我没有使用它,但我会认为它的工作方式和其他元素一样。

如果您要修复选框,margin: 0 auto将无效,因为auto页边距不能与固定元素配合使用。

但是,您可以通过使选框的父div具有宽度100%并指定margin: 0 auto;到div元素内的选取框来快速修复。您还需要确保分配属性display: block,因为auto边距不适用于内联元素。

Take a look at this jsfiddle.