html - 文字与图片对齐

Question

我的网页上有一张图片，我想在图片的右侧包裹文字，所以我有一些 CSS，例如:

.image {
  float:left
}

但是在到达文本中的某个点后，我想确保文本不再出现在图像的右侧，我希望它位于图像下方。我可以使用什么标签将文本分隔到图像下方的新行中？

Answer 1

用 clear: left 样式将要显示在图像下方的文本包裹在容器元素中应用于它。

Floats section CSS 规范中有更多关于此的详细信息，包括一个说明 clear 属性如何工作的很好的示例。