当前位置:首页> 随笔> 前端开发

底部样式增加一个内容

:2022-03-31   :格展网络   :114

在底部响应式制作过程中

合理的使用span标签可以达到很好的显示效果。

在PC端时,设置span标签为display: inline-block; 可以使p标签内的span标签变为行内块模式,

即所有的span标签内容都在P标签内呈现一行排列的样子

在移动端,往往一行放不下所有的P标签内容,自动换行也不美观

所以可以给span设置display: block; 样式,这样span标签就变成块级元素

块级元素自占一行,只需要设置居中对齐,就可以使手机端的地步样式更美观了

image.png