Question

怎么用css代码实现子元素在父元素水平居中，比如p在div里

Answer 1

水平居中有两种情况：

1. 子元素，父级元素都是块级元素的时候，子级元素{margin:0 auto}。需要注意的是当子级元素的position为非默认及relative时，这种设置会失效。

2. 如p等标签中内的文字内容水平居中:使用{text-Align:center}。垂直居中设置该元素的行高等于元素的高。如：{height:100px;line-height:100px}可实现。注意：这种方法应用于行内元素

Answer 2

假设形式为
<div class="AA">
<p>文字内容</p>
</div>
则加个css为
.AA p{text-align: center;}
同理id的类似，主要是为p元素加上text-align: center;
以上仅供参考，呵呵。

追问

div是父元素，里面有三个子元素p，这三个的文职是一个靠左，一个靠右，一个居中

追答

文字内容靠左

文字内容靠右

文字内容居中

对应的css
.AA p.aa{text-align: left;}

.AA p.bb{text-align: right;}

.AA p.cc{text-align: center;}

以上我自己测试过在google chrome可以，供参考，具体还得看实际使用。

Answer 3

如果text-center不能实现文字或元素的居中，可以定义子元素的左边距来实现居中的效果~

追问

这个倒是用过，主要是ff根ie在解释边距上有部一样的地方，效果不一样

追答

margin-left或者margin-right如果碰到float-left在ie6下是会出现双倍的
所以要加上一句：
display：inline；你自己打下试试，我这是中文状态打得，希望对你有用。

Answer 4

p{margin:10px auto;}上下外边距随便你设置，但是左右一定要设置为auto。