今天针对默写后不熟练的代码进行总结:
行内元素:
span
, strong
, em
, br
,img
, input
, label
, select
, textarea
, a
, sub
特点:
- 不会独占一行
- 直接设置宽高无效
块元素:
div
,p
,h1-6
,form
,ul
,ol
,li
,hr
,table
特点:
- 会独占一行
- 可以直接设置宽高属性
- 可以设置margin和padding
划过隐藏
display:none;
单行文本省略号
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
多行文本省略号
-webkit-line-clamp:2; /* 设置最多显示几行 */
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
子元素给margin或padding后,父元素不会下移的解决方法
overflow:hidden;
padding-top:1px;
border:1px solid red;
网友评论