老师,为什么a标签要改成行内块而不是块元素呢?
老师,a标签为什么要改成行内块 inline-block,而不是块元素block呢?什么时候用inline-block?什么时候用block?二者怎么区分呢?
6
收起
正在回答
1回答
同学你好,1、同学可以先了解一下行内元素与块元素的区别,如下:
1)块元素元素会独占一行,多个块元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。
2)块元素可以设置width、height、margin和padding属性。块级元素即使设置了宽度,仍然是独占一行。
3)行内元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。
4)行内元素设置width,height属性无效。
5)行内元素的margin和padding属性,水平方向的padding-left、padding-right、margin-left、margin-right都产生边距效果。但竖直方向的padding-top、padding-bottom、margin-top、margin-bottom不会产生边距效果。
2、而行内块简单来说就是将对象呈现为行内元素,但是对象的内容作为块元素呈现。之后的内联对象会被排列在同一行内。 所以当我们想要一个元素即可以在一行显示,也可以设置块元素的高度、宽度等属性时,就可以选择使用行内块。
祝学习愉快!
3、此时我们需要在一行显示,并设置宽度与高度所以使用行内块。
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星