iT邦幫忙

0

前端工程學習日記第1天

span正確置中的方法
https://ithelp.ithome.com.tw/upload/images/20201125/20132398rKCoBPSSZ8.png

講到置中的方法,行內元素的不外乎就是用text-align:center,塊狀元素用justify-content:center
於是乎就這樣寫了…
<span style=”text-align: center;”>是誰住在深海的大鳳梨裡?
然後一定沒反應…說好的置中呢

https://ithelp.ithome.com.tw/upload/images/20201125/20132398YyRsqspjH1.png

明明這些用text-align: center就會置中,就不行了咧?!
這就要說到在html中是屬於行內元素inline,這些是塊狀元素block,很多人都會以為跟是block,搞懂這一點就知道該怎麼辦了吧XD

https://ithelp.ithome.com.tw/upload/images/20201125/20132398gb9A7zPSAp.png

解法1:加block (推薦使用)
<span style=”text-align: center; display:block;”>是誰住在深海的大鳳梨裡?
解法2:寫在父層

https://codepen.io/rainiewang/pen/JVvRea


尚未有邦友留言

立即登入留言