Question

您好我是html的新手，所以我无法在线理解这些示例。我希望文本在我的图像下方或图像的右侧对齐。（见图片参考）

这是我目前的HTML代码

<!-- reference https://stackoverflow.com/questions/35755237/displaying-3-images-in-a-row-with-text-underneath-in-bootstrap -->
<!-- https://www.w3schools.com/howto/howto_css_image_center.asp -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
  <style>
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
</style>
  <section class="part2">
       <div class="container">
           <div class="row">
           <div class="text-center">
             {% for element in range(size) %}
               <img alt="" class="resize-image" src=" {{url_for('send_image', filename=image_names[element])}}" style="width:20%">
               <p>{{test[element]}}</p>
               {% endfor %}
           </div>
       </div>
       </div>


</body>
</html>

Answer 1

你应该使用“text-align：right;”在你的CSS。如果你尚未学习css，你绝对应该。 Html仅适用于您网站的结构，而css适用于样式。

将文本置于图像瓶下

1 个答案: