自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 元素添加float:right倒序排列

例如:ul下的li 添加float:right 就会从右往左排序不想要这种效果 只需要给li(或者其他元素的父级)添加右浮动,子元素正常在父盒子里面添加左浮动即可

2020-06-17 14:51:30 2098 1

原创 行内块和浮动使用哪个?

初学者会因为它们某种程度上可以实现相同的效果容易混淆行内块使某个元素可以设置宽高,让多个元素位居一行,但没有脱离标准流,并且元素之间会有空隙这是因为元素之间的空格,回车键在排版时会被浏览器转为一个空白符,只需给父元素设置font-size:0;一般这时就会想到float不是直接可以解决这个问题因为float脱离了标准流使每个元素紧贴,但子元素设置浮动父元素就会因为没有高度导致坍塌,这时需要清除浮动给父元素添加over:hidden 消除子元素在父元素内对其他元素的影响虽然两种方法都解决的问题,但如果

2020-06-03 15:38:25 1482

原创 display:inline-block产生缝隙解决办法

li转为inline-block之间有缝隙是因为/li后回车键的问题1.li写一行则缝隙消失,不符合代码规范2.给li的父元素添加font-size:0;

2020-06-03 15:02:37 152

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除