當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

CSS让文字在元素内绝对居中！！！【ie和谷歌】

發布時間：2024/4/13 CSS 33 豆豆

生活随笔收集整理的這篇文章主要介紹了 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> </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和谷歌】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。