1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html div中元素垂直居中 HTML/CSS:div水平与元素垂直居中(2)

html div中元素垂直居中 HTML/CSS:div水平与元素垂直居中(2)

时间:2021-02-16 19:33:46

相关推荐

html div中元素垂直居中 HTML/CSS:div水平与元素垂直居中(2)

单个div水平居中:设置margin的左右边距为自动

div水平和垂直居中,text-align和vertical-align不起作用,因为标签div没有这两个属性,所以再css中设置这两个值不能居中的效果

代码:

HTML

CSS

#parent {

margin: 0 auto;

}

多个div水平居中:设置display的属性为inline-block

多个div水平居中,text-align和vertical-align不起作用,因为标签div块没有这两个属性,所以需要先使用display进行块级的调整

代码:

HTML

在此处添加对图像的描述 在此处添加对图像的描述 <

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。