我怎样才能直接在图像下方alignment文本？
我曾经知道如何将图像放在顶部，然后certificate图像下面的文本，以便它保持在图像宽度的边界内。 但是，现在我不知道该怎么做。 这是如何完成的？
你的HTML：
<div class="img-with-text"> <img src="yourimage.jpg" alt="sometext" /> <p>Some text</p> </div> 如果你知道图像的宽度，你的CSS：
.img-with-text { text-align: justify; width: [width of img]; } .img-with-text img { display: block; margin: 0 auto; }
否则，图像下方的文字将自由stream动。 为了防止这种情况，只需将宽度设置为您的容器。
你可以使用HTML5 <figcaption> ：
<figure> <img src="img.jpg" alt="my img"/> <figcaption> Your text </figcaption> </figure>
工作示例 。
为了能够certificate文字的正确性，您需要知道图像的宽度。 您可以使用图像的正常宽度，或者使用不同的宽度，但是IE 6可能会让你烦恼，而不是缩放。
这是你需要的：
<style type="text/css"> #container { width: 100px; //whatever width you want } #image {width: 100%; //fill up whole div } #text { text-align: justify; } </style> <div id="container"> <img src="" id="image" /> <p id="text">oooh look! text!</p> </div>
这使图像下方的“A”居中：
<div style="text-align:center"> <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/opentoselect.gif" /> <br /> A </div>
这是ASP.Net，它会呈现HTML为：
<div style="text-align:center"> <img id="Image1" src="Images/opentoselect.gif" style="border-width:0px;" /> <br /> A </div>
