CSS解决控件水平方向对齐

 

 如上图,html的两个控件水平方向。不对齐。

解决办法1:如下图

 
 

分别在左右两个控件的css代码中加上 vertical-align:top. 便可对齐;(推荐使用,因为这样可以避免脱标流)。

解决办法2: 如下图

 
 

分别在左右两个控件的css代码中加浮动。(不推荐使用) 。

调整后的正确结果:

 



作者:HelloKing
链接:https://www.jianshu.com/p/f00d51453587
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

posted @ 2019-11-11 15:41  我在故我思思思  阅读(966)  评论(0编辑  收藏  举报