Question

这是注册代码，代码可以在jsfiddle中完全查看

<li class="footer_row" align="center"><a href="" class="tsc_buttons2 grey" >sign up!</a></li>

所有注册选项都在mozilla firefox中左对齐，但在其他几个浏览器的chrome浏览器中它是完美的，我只想让它在所有浏览器中对齐中心，我该怎样才能做到？

Answer 1

请在text-align:center。

中提供div.tsc_pricingtable03 li.footer_row class

div.tsc_pricingtable03 li.footer_row {
  background-color: #E2E2E2;
  border-bottom: 1px solid #CCCCCC;
  float: left;
  height: 40px;
  padding-bottom: 6px !important;
  padding-top: 14px !important;
  text-align: center /*changes here*/;
  width: 100%;
}

Answer 2

您将类名与属性混合，应该是：

<li class="footer_row align_center"><a href="" class="tsc_buttons2 grey" >sign up!</a></li>

Answer 3

使用position作为绝对值，左对齐为30％，后面是

.tsc_buttons2.grey { 
position: absolute;
left: 30%;

Answer 4

试试这个。

<li style="text-align:center" class="footer_row"><a class="tsc_buttons2 grey" href="">sign up!</a></li>

Answer 5

在列表标记

中使用style =“text-align：center”

对齐属性在Mozilla Firefox中不起作用

5 个答案: