内联元素inline-element
和其他元素在同一行。
可以设置:
padding【但是只会影响水平方向上的其他元素,垂直方向不会有任何影响】
margin-left, margin-right
不可以设置:
width, height margin-top, margin-bottom, line-height
常见元素:
a, br, input, span, b
【解决方法:】
display: block 将一个内联元素变成块元素
块元素将会占据整行。如果马上另在元素下面接一个内联元素,内联元素会显示在这个块元素之下
【变成行内块元素,这个内联元素就会显示在同一行】
display: inline-block
对于块元素,通过display: inline变成内联元素
display: none 不显示,直接消失,不占据空间了
visibility: hidden 只是隐藏,元素还是占据着空间