a标签为什么经常性加display:inline-block呢

a标签float后，也会变成行内块元素

因为a标签是属于行内元素，行内元素是无法设置宽和高的，即使设置了也不起作用，那么把它设置成display:inline-block后，也就是把它设置成了行内块状元素，那么它同时拥有行内元素和块状元素的特点，就可以设置宽、高等属性了！

删除display:inline-block有没有影响要看你有没给a标签设置宽高等属性，如果没设置这些属性当然就没有影响了!

下面这段代码你运行一下，试着把display:inline-block注示掉，就知道它们的区别在哪了，希望能帮到你，加油！！！

 <!DOCTYPE HTML>
 
<html>
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
<title>无标题文档</title>
 
<style type="text/css">
 
    .imooc{
 
    background-color:red;
 
    }
 
    #imooc2{
 
        display:inline-block;
 
        width:100px;
 
        height:25px;
 
        text-align:center;
 
        line-height:25px;
 
    }
 
</style>
 
</head>
 
<body>
 
    <a class="imooc" id="imooc1" href="#">慕课网</a>
 
    <a class="imooc" id="imooc2" href="#">慕课网</a>
 
</body>
 
</html>

http://www.imooc.com/wenda/detail/336848?t=214151

posted @ 2020-02-17 18:29 hanfe1 阅读(345) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）

公告

长路漫漫唯剑作伴。

昵称： hanfe1
园龄： 6年11个月
粉丝： 67
关注： 30

+加关注

2025年3月

日

一

二

三

四

五

六

a标签为什么经常性加display:inline-block呢

公告

长路漫漫唯剑作伴。

搜索

随笔分类

随笔档案

带佬

阅读排行榜

评论排行榜

推荐排行榜

	<!DOCTYPE HTML>

	<html>

	<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

	<title>无标题文档</title>

	<style type="text/css">

	.imooc{

	background-color:red;

	}

	#imooc2{

	display:inline-block;

	width:100px;

	height:25px;

	text-align:center;

	line-height:25px;

	}

	</style>

	</head>

	<body>

	<a class="imooc" id="imooc1" href="#">慕课网</a>

	<a class="imooc" id="imooc2" href="#">慕课网</a>

	</body>

	</html>