html – UL甚至不同高度的边距

概述我有一个UL,其中包含多张照片,其中只有部分照片需要包含模型名称的简单文本. 我这样写的： <ul> <li><img src="img/1.jpg" alt="image" /><p>Model Name</p></li><li><img src="img/2.jpg" alt="image" /></li></ul> 我的问题是,带有文本的照片位置会更高(就像它与顶部有不同的边距)这里是 我有一个ul,其中包含多张照片,其中只有部分照片需要包含模型名称的简单文本.

我这样写的：

<ul> <li><img src="img/1.jpg" alt="image" /><p>Model name</p></li><li><img src="img/2.jpg" alt="image" /></li></ul>

我的问题是,带有文本的照片位置会更高(就像它与顶部有不同的边距)这里是我想要描述的屏幕：

我想要的是所有的照片都有相同的空间.

完整的代码可以在这里看到：http://prv.sampettersson.com

解决方法 诀窍是在< li> -elements上使用vertical-align：top.默认设置是基线,它会导致您看到的结果. 总结

以上是内存溢出为你收集整理的html – UL甚至不同高度的边距全部内容，希望文章能够帮你解决html – UL甚至不同高度的边距所遇到的程序开发问题。

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