带描述的内联图片

时间:2014-10-13 11:34:07

标签: html css image inline

我需要使用描述和图片内联一张图片。可以使用div块内联制作2张图片:内联,但是当我在第一张图片中添加了一个desctiption时,我无法内联 - 如截图所示,我的第一个div往往有很多宽度(但边距:0,宽度固定) 如何使其内联?

https://dl.dropboxusercontent.com/u/16415767/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-10-13%2015.30.13.png https://dl.dropboxusercontent.com/u/16415767/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-10-13%2015.30.56.png

1 个答案:

答案 0 :(得分:0)

您的p风格为display: block。它是段落的标准浏览器默认样式。

这种方式总是占用100% width,但如果在width元素上明确设置display: block,剩余空间将自动填充margin。< / p>

解决方案是将p设置为display: inline-block


如果您在对齐方面遇到问题,可以尝试使用浮动元素。

CSS Float - http://www.w3schools.com/css/css_float.asp