Question

我试过了：

margin-left: auto;
margin-right: auto;

但它不会将我的表单元格中的元素居中。我在<span> s中有文本和<td>元素的组合。

一旦我在任何<td>元素中设置'align =“center”'，它就会居中。

如何在样式表中实现这一目标？

顺便说一下，当我text-align: center用于文本时。但不适用于其他元素，如<span> s。

编辑：

如果影响对齐问题，则span具有以下类：

.dot {
    display: block;
    width: 10px;
    height: 10px;
    background: #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

Answer 1

margin:0 auto;可以使用

块级非浮动，静态/相对定位元素，显式宽度设置
图像/对象/表格等内在宽度元素

text-align:center可以使用

内嵌/直列块

根据您的情况，您可以做..

#container { text-align:center; }
#container span.block-level-spans { margin: 0 auto; }

或在inline-block内而不是block内设置范围。

编辑：

内联块：此值导致元素生成一个块盒，它本身就是作为单个内联框流动，类似替换元素。里面的内联块的格式为块框，元素本身就是格式化为内联替换元件。

Answer 2

我在google上快速搜索了一下，发现了这个：

span是内联元素，因此无法对齐。把它变成p或a div而不是span，或者通过使用显式地创建span块级别显示：块

发现于：Velocity Reviews Forumn Link

有没有相当于'align =“center”'的css？

2 个答案: