Question

是否可以在HTML页面中显示图像，并在其下方放置一个与图像宽度相同的文本字段？

是的，我知道这是可能的。但是有趣的是：

我希望在调整浏览器窗口大小（水平）时，图像及其标题将同步重新同样宽度。

是否可以完全使用CSS指定？

或者，如果仅使用CSS不可能，可以通过Javascript以有效的方式完成吗？

Answer 1

HTML：

<img src="http://placehold.it/350x150" /><br/>
<p>Lorem ipsum dolor sit amet... </p>

CSS：

body {
    text-align: center;
}
img, p {
 margin:0px auto;
    width: 50%;
}

这是如何使用CSS让img代码和p代码具有相同百分比宽度的真正基本示例。