前端工程学习日记第1天

span正确置中的方法
http://img2.58codes.com/2024/20132398rKCoBPSSZ8.png

讲到置中的方法,行内元素的不外乎就是用text-align:center,块状元素用justify-content:center
于是乎就这样写了…
<span style=”text-align: center;”>是谁住在深海的大凤梨里?
然后一定没反应…说好的置中呢

http://img2.58codes.com/2024/20132398YyRsqspjH1.png

明明这些用text-align: center就会置中,就不行了咧?!
这就要说到在html中是属于行内元素inline,这些是块状元素block,很多人都会以为跟是block,搞懂这一点就知道该怎么办了吧XD

http://img2.58codes.com/2024/20132398gb9A7zPSAp.png

解法1:加block (推荐使用)
<span style=”text-align: center; display:block;”>是谁住在深海的大凤梨里?
解法2:写在父层

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


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章