老师,为什么a标签要改成行内块而不是块元素呢?

老师,为什么a标签要改成行内块而不是块元素呢?

老师,a标签为什么要改成行内块 inline-block,而不是块元素block呢?什么时候用inline-block?什么时候用block?二者怎么区分呢?

正在回答

登陆购买课程后可参与讨论,去登陆

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 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师