本文介绍了网页设计中实现水平及垂直居中的多种方法，包括使用CSS属性如text-align、margin、position配合transform等，适用于不同类型的HTML标签。
水平居中
1.行内标签 和行内块级标签可以设置：text－algin：center
2.块级标签：margin：0 auto； 对浮动元素或绝对定位元素无效 不识别auto。
3.浮动的元素：定位加left：50％ transform：translate（-50%,0）
垂直居中
1.行内标签 和行内块级标签可以设置：line-height;
2.块级标签：定位加left：50％ top:50% transform：translate（-50%,-50%） 定位的元素设置margin就无效
3.浮动的元素：定位加 top:50% transform：translate（0,-50%）
1.行内标签 和行内块级标签可以设置：text－algin：center
2.块级标签：margin：0 auto； 对浮动元素或绝对定位元素无效 不识别auto。
3.浮动的元素：定位加left：50％ transform：translate（-50%,0）
垂直居中
1.行内标签 和行内块级标签可以设置：line-height;
2.块级标签：定位加left：50％ top:50% transform：translate（-50%,-50%） 定位的元素设置margin就无效
3.浮动的元素：定位加 top:50% transform：translate（0,-50%）
扫一扫
3250
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
