![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web-css基础
LiXSnow
这个作者很懒,什么都没留下…
展开
-
css中设置元素居中
CSS设置行内元素的水平居中(转载至http://www.exp99.com/htmlcss/htmlcss_100.html)div{text-align:center} /*DIV内的行内元素均会水平居中*/ CSS设置行内元素的垂直居中div{heig...转载 2018-07-03 18:34:11 · 755 阅读 · 0 评论 -
浮动定位常见问题
给元素设置position:absolute后,使用margin:0 auto居中失效;因为margin:0 auto;是根据上一级元素来居中的;解决:left: 50%;transform:translate(-50%);实现居中。z-index属性必须配合定位来使用,否则无效float:left;-float脱离文档流-其他元素占用被float元素的位置-其他元素的文本仍然...原创 2018-11-24 20:26:49 · 305 阅读 · 0 评论 -
BFC原理及应用
原理:BFC(Block Formatting Contexts)块级格式化上下文是一个独立的渲染区域,并且有自己的一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用内部元素的布局方式不会影响到外部元素的布局,反之,同理触发BFC的条件:根元素float的值不为noneoverflow的值不为visibledisplay的值为inline-block、tab...原创 2018-12-15 10:57:39 · 279 阅读 · 0 评论