span正确置中的方法
讲到置中的方法,行内元素的不外乎就是用text-align:center,块状元素用justify-content:center
于是乎就这样写了…
<span style=”text-align: center;”>是谁住在深海的大凤梨里?
然后一定没反应…说好的置中呢
明明这些用text-align: center就会置中,就不行了咧?!
这就要说到在html中是属于行内元素inline,这些是块状元素block,很多人都会以为跟是block,搞懂这一点就知道该怎么办了吧XD
解法1:加block (推荐使用)
<span style=”text-align: center; display:block;”>是谁住在深海的大凤梨里?
解法2:写在父层
https://codepen.io/rainiewang/pen/JVvRea