HTML <br> 标签的 clear 属性
<br clear="right/left/all" />
仅支持right、left、all三个值,并且只有在左对齐或右对齐的图像或表格起作用。
效果:
一:不使用clear属性
<img src="image.png" align="left">
<br/>2021年<br/>新年快乐
二:使用clear属性定义为left, 直接清除左边界
<img src="image.png" align="left">
<br/>2021年<br clear="left"/>新年快乐
注:可以发现使用了<br clear=“left” />清除了左边界,所以新年快乐这行字不受图片影响直接在图片下面显示了
提示:
一般情况下,文本流中的其他行会在内联图像的底部显示,除非图形的 <img> 标签被设置为左对齐或右对齐(对于 <table> 标签也一样)。因此,<br> 标签的 clear 属性只对这些左对齐或右对齐的图像或表格起作用。