html – 使用内嵌块时如何使两个块水平？

概述.roles span { display:inline-block; width:80px;} <div class="roles"> <img alt="test" src="images/02_button_add.png"> <span>AlexAlexAl exAlexAlex AlexAlexAlex </span></div> 我正在使用display：inlin

.roles span {  display:inline-block;  wIDth:80px;}

<div >  <img alt="test" src="images/02_button_add.png">  <span>AlexAlexAl exAlexAlex AlexAlexAlex </span></div>

@H_404_6@我正在使用display：inline-block;将跨文本放在我的img旁边.
但是,图像位于我的跨度的左下角.

@H_404_6@如何使他们水平？

解决方法 使用垂直对齐：顶部到您的图像.

.roles img{    vertical-align:top;}

@H_404_6@看看这个小提琴：http://jsfiddle.net/gox5droc/

@H_404_6@这将确保图像在div顶部对齐.

总结

以上是内存溢出为你收集整理的html – 使用内嵌块时如何使两个块水平？全部内容，希望文章能够帮你解决html – 使用内嵌块时如何使两个块水平？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。