两个行内元素错位不能对其的解决方法

时间：2020-06-27 00:01:19 阅读：86 评论：0 收藏：0 [点我收藏+]

标签：margin border image width 第一个 red class lin enter

技术图片

.div1 {
	display: inline-block;	
	height: 300px;
	width: 500px;
	margin:30px;
	text-align: center
	border: 2px solid red;
}

.div2 {
	display: inline-block;
	height: 300px;
	width: 500px;
	border: 2px solid #80ff00;
}

　　解决方法

1、两个行内元素都设置 vertical-align:middle;

2、两元素设置浮动

3、不对齐原因是基线不对齐; 如果第一个div没有文字加个字就可以

两个行内元素错位不能对其的解决方法

标签：margin border image width 第一个 red class lin enter

原文地址：https://www.cnblogs.com/niusdtz/p/13196776.html

踩

(0)

评论一句话评论（0）