css h1不占一行怎么办


本文摘自PHP中文网,作者藏色散人,侵删。

css h1不占一行的解决办法:1、设置display为block;2、设置父级“flex-wrap: wrap;”允许换行;3、在h1标签后面添加清除浮动代码即可。

本教程操作环境:Windows7系统、HTML5&&CSS3版本,该方法适用于所有品牌电脑。

推荐:《css视频教程》

H1标签是在网站制作过程中,经常用到的一个标签,他的作用仅次于Title,在seo方面,这个标签还有H2,H3,这些标签用好了,对网站的优化会有事半功倍的效果。

css怎么解决h1不独占一行?

H标签默认都是独占一行的。当它们不独占一行时,可能有以下原因:

设置了display为inline或inline-block

设置了父级元素display为flex,并且flex-direction为row

设置了float浮动

eecb9ca596c94f4db77f08408399a5c.png

解决方法:

1、设置display为block

2、父级元素的display为flex时,需要设置h1的width为100%,并且设置父级flex-wrap: wrap;允许换行

3、在h1标签后面添加清除浮动代码

7e3712d94d0534c99add421c20a371e.png

以上就是css h1不占一行怎么办的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css怎么用三种方法设置透明度

css怎么做半圆

css六边形怎么画

值得收藏的26个css面试题,增强你的css基础!

css如何添加下划线

css如何添加滚动条

如何修改css样式

表示行高的css属性是什么

css的id选择器怎么定义

css 怎么去掉按钮样式

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...