CSS让文字在元素内绝对居中！！！【ie和谷歌】
生活随笔
收集整理的這篇文章主要介紹了
CSS让文字在元素内绝对居中！！！【ie和谷歌】
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>html,body{height: 100%;padding: 0;margin: 0;font-family: "微軟雅黑"}
.middle-box{display: table;height: 100%; padding: 0 10px;}.middle-inner{display: table-cell; vertical-align:middle; text-indent: 2em;}
</style><!--[if lt IE 8]><style>.middle-inner { position: absolute; top:50%;}</style><![endif]--> </head> <body> <div class="middle-box"><div class="middle-inner">這種方式既可以兼容谷歌又可以強上了IE</div> </div> </body> </html>
.middle-box{display: table;height: 100%; padding: 0 10px;}.middle-inner{display: table-cell; vertical-align:middle; text-indent: 2em;}
</style><!--[if lt IE 8]><style>.middle-inner { position: absolute; top:50%;}</style><![endif]--> </head> <body> <div class="middle-box"><div class="middle-inner">這種方式既可以兼容谷歌又可以強上了IE</div> </div> </body> </html>
轉載于:https://www.cnblogs.com/webSong/p/7851635.html
總結
以上是生活随笔為你收集整理的CSS让文字在元素内绝对居中！！！【ie和谷歌】的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： docker登录
- 下一篇： Hyper-V和多处理器虚机