html - <br/> 标记后的换行符不起作用

标签 html css

下面是我的代码:

<div style="float: left; margin-left: 50px; margin-bottom: 50px"><img src="06fc499c-5329-419c-b0df-644ee5d8439b_icon48.png"></div>

<br/>

<div>&nbsp;<strong>1</strong>&nbsp;<a href="1">2</a>&nbsp;<a href="2">&gt;</a>&nbsp;</div>

当我删除 style="float: left; margin-left: 50px; margin-bottom: 50px" 时,我发现 style="float: left; margin-left: 50px; margin-bottom: 50px"导致所有内容都在同一行上, <br/> 之后的换行符标签运行正常。但是,我想从一开始就保留 `style="float: left; margin-left: 50px; margin-bottom: 50px"。在这种情况下如何使用换行符?

非常感谢您的建议。`

最佳答案

通过添加 style="clear: both" 使元素下降到文档中位于它之前的任何 float 元素下方进行修复。

关于html - <br/> 标记后的换行符不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26441966/

相关文章:

html - 单击时 CSS-Menu 跳转

html - 显示 :inline with margin, 填充、宽度、高度

HTML - 侧边栏未填满 100% 的屏幕

html - 带有两个子 div 的 div 会导致不需要的垂直滚动条

html - 我怎么能把新 block 放在另一个 block 之上

css - 向左浮动和 Safari iPhone 出现异常图像行为

jquery - 如何使 Fusion Mega 菜单中的子菜单仅在悬停时显示?

Javascript 代码仅在调试时运行

jquery - 为什么 animate() 不能在此 jQuery 代码中工作?

javascript - 如何修复 react 表标题和复选框?