为了账号安全,请及时绑定邮箱和手机立即绑定

为什么要把块状元素转为内联或是内联转为块状元素或是其它啊

问题如题一致

正在回答

4 回答

这是因为标签元素本身的性能满足不了web设计的需要。所以就需要运用display。

举个简单的例子:

在img标签外包裹a标签,则会出现以下的问题:图片下方有红色小横条(图片请读者自行添加)。

要解决这个问题只要为img标签添加上display:block:;即在第15行添加img{display:block:}

<!doctype html>
<html>
    <head>
        <!--注释的感叹号要用英文输入-->
        <!--声明当前页面的编码集,中文编码gbk、gb2312,国际编码utf-8-->
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>html模版</title>
        <!--当前页面的三要素-->
        <meta name="keyword" content="关键词,关键词">
        <!--内容之间用英文逗号隔开-->
        <meta name="description" content="">
        <!--可放置css-层叠样式表,js的内容-->
        <style type="text/css">
        *{margin:0px;padding:0px;}   


        </style>
   </head>
<body>
    <a style="background:red;"><img src="../images/bg.jpg" /></a>
</body>
</html>

!!!!读者注意:一般来说,在行内元素里添加块级元素是不合理的,在设计中一定要注意这个问题。

1 回复 有任何疑惑可以回复我~
#1

明明一只车 提问者

非常感谢!
2015-06-29 回复 有任何疑惑可以回复我~
#2

随性随意 回复 明明一只车 提问者

img标签属于inline-block元素(同时拥有行内元素同行和块级元素宽高特性)。自己去尝试一下
2015-06-29 回复 有任何疑惑可以回复我~

img标签属于inline-block元素(同时拥有行内元素同行和块级元素宽高特性)

0 回复 有任何疑惑可以回复我~

为了页面布局,这样就可以拍成一行,或者是自成一行

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么要把块状元素转为内联或是内联转为块状元素或是其它啊

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信