首页 > 其他 > 详细

3 元素分类和display 属性介绍

时间:2020-02-19 09:15:19      阅读:54      评论:0      收藏:0      [点我收藏+]

#元素分类

1 块级元素 div p ul li
(1) 独自占一行
(2)可以设置宽高,如果不设置宽,默认是父标签的100%宽

2 行内元素 a span strong em lable
(1) 行内元素在一行内显示
(2)不能设置宽高

3 行内块元素 input img
(1) 在一行内显示
(2)可以设置宽高

 

#display 属性

块级元素 display : block

行内元素  display : inline

行内块元素  display : inline-block

	<style type="text/css">
		div{
			background-color: red;
			width: 200px;
			height:400px;
			/*表示元素是否隐藏*/
			display: none;
		}
		a,span{
			background-color: green;
			width: 100px;
			/*height:40px;*/
			/*水平居中*/
			text-align: center;
			/*垂直居中*/
			line-height: 40px;
			display: inline-block;
		}
	</style>

  

 

3 元素分类和display 属性介绍

原文:https://www.cnblogs.com/zhujing666/p/12329575.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!