首页css水平居中兼容ie

css水平居中兼容ie

时间: 2023-12-09 21:36:58 浏览: 82

div+css文本水平垂直居中，兼容ie、谷歌等浏览器

4星 · 用户满意度95%

div+css文本水平垂直居中，兼容ie、谷歌等浏览器

要在CSS中实现水平居中，可以使用以下两种方法来兼容IE： 1. 使用text-align:center属性将文本居中对齐，但是需要将该属性应用于父元素而不是要居中的元素本身。例如： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .parent { text-align: center; } .child { display: inline-block; } </style> </head> <body> <div class="parent"> <div class="child">这是要居中的元素</div> </div> </body> </html> ``` 2. 使用position和margin属性将元素居中对齐。例如： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .parent { position: relative; } .child { position: absolute; left: 50%; transform: translateX(-50%); } </style> </head> <body> <div class="parent"> <div class="child">这是要居中的元素</div> </div> </body> </html> ```

阅读全文