Question

如何使用图片标题在图像周围换行文字。

我按照以下方式做了，但标题不正确。

<html>
<head>
<style>
.textWrap{
            float:left;
            margin:10px;            
        }
        .textWrap p{
            padding-top:3px;
        }
</style>
</head>
<body>
<figure>        
                <img class="textWrap" src="img/index.jpg" />
                <figcaption>Caption goes here</figcaption>
            </figure>   

            <h6>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem.

            </h6>
</body>
</html>

Answer 1

我认为你想要将整个'figure'元素浮动，而不是.textWrap图像：

figure {
  float: left;
  margin: 10px 10px 10px 0;
}

Answer 2

尝试使用

.textwrap h6 {
 padding-top:3px;
    }

因为没有＆lt; p＆gt;代码中的代码

HTML5用带标题的图像环绕文本

2 个答案: