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

时间:2010-09-27 01:16:14

标签: html css

我试过了:

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;
}

2 个答案:

答案 0 :(得分:22)

margin:0 auto;可以使用

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

text-align:center可以使用

  • 内嵌/直列块

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

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

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

编辑:

  

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

答案 1 :(得分:-3)

我在google上快速搜索了一下,发现了这个:

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

发现于:Velocity Reviews Forumn Link