怎么在css中将两个元素水平对齐
这篇文章将为大家详细讲解有关怎么在css中将两个元素水平对齐，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
创新互联公司是专业的龙泉网站建设公司，龙泉接单;提供网站建设、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行龙泉网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container{
width: 1000px;
height: 1000px;
margin: 100px;
background-color: #f60;
}
.left{
/*关键点在于将两个元素设置为display：table-cell*/
display: table-cell;
vertical-align: top;
width: 20%;
min-width: 200px;
height: 400px;
background-color: #ccc;
}
.right{
display: table-cell;
vertical-align: top;
/*即使宽度设为2000px，元素的内容还是可以正常显示*/
width: 2000px;
height: 600px;
background-color: #f10;
}
left
right
