html单行元素居中显示，多行元素居左显示
生活随笔
收集整理的這篇文章主要介紹了
html单行元素居中显示，多行元素居左显示
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
有很多的業務需要元素或者文字如果單行，居中顯示，如果數據增多，居中顯示
代碼（直接復制到編輯器可用）：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>單行居中，多行居左顯示</title> <style> div{text-align: center;border: 1px solid #000;} p{display: inline-block;text-align: left} </style> </head> <body> <div> <p>這是我測試的文字，當文字超出的時候，居左顯示。這是我測試的文字，當文字超出的時候，居左顯示。</p> </div> </body> </html>其中只需要給CSS部分設置： 父元素text-align:center,子元素 text-align:center轉載于:https://www.cnblogs.com/zj1024/p/8831152.html
總結
以上是生活随笔為你收集整理的html单行元素居中显示，多行元素居左显示的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 想进首师附中学习不知道哪里有去的途径。
- 下一篇： 被未知进程占用端口的解决办法