HTML和CSS常见问题整理(2)

请注意,本文编写于 188 天前,最后修改于 188 天前,其中某些信息可能已经过时。

如何画一个三角形

左右边框设置为透明,长度为底部边框的一半.左右边框长度必须设置,不设置则只有底部一条边框,是不能展示的.

.child{
    width:0;
    height:0;
    border-bottom:100px solid cyan;
}

(可点击按钮切换html和css)

浮动相关

  • 为什么要清除浮动
    主要是为了解决父元素高度坍塌问题.

一个块级元素如果没有设置height,其height由子元素撑开,对子元素使用了浮动后,子元素就会脱离文档流.那么父元素中没有内容撑开其高度,这样父元素的height就会被忽略.

  • 如何清除

    1, 父元素设置overflow:hidden(少用)
    2,clearfix:使用内容生成的方式清除浮动,不会破坏文档流.
       .clearfix:after{     //:after选择器向选定的元素之后插入内容
           content:"";      //生成内容为空
           display: block;  //块级元素显示
           clear:both;      //清除前面元素
           }

行内元素居中

.parent{
    text-align:center;
}

DIV居中问题

一. 使用flex

二. 使用transform

三. 使用margin-top---一半的高度

四. 使用绝对布局absolutemargin:auto

Comments

添加新评论