<BR/> 标签有时候使用会有不好的影响吗？
我问这个问题是因为我的开发团队给了我一个最初的建议：不要使用 <BR/>，而应该使用样式。但是为什么呢？使用 <BR/> 标签会带来负面影响吗？
有时使用<BR />标签是不好的吗？
197
- pencilCake
4
13找到最佳答案的最好方法是去问你的开发团队，询问他们为什么。 - azamsharp
信了这句话...问源头，而不是猜测的人。 - Gabriel Magana
10通常，“第一条建议”是在员工刚开始工作时给出的。新员工并不总是想问“为什么？”显然，有时候问为什么是最好的选择，但我认为Burak Ozdogan阅读了这些问题后可能已经理解了“为什么”。或者至少足以理解HTML社区对该主题的看法以进行讨论。我认为他来这里询问是正确的决定。 - Nosredna
指南应该说不要使用 <br> 进行布局，或者将间距元素分开。这是因为不同的浏览器会给 <br> 元素不同的高度值，有时取决于行高。如果您在所有浏览器中追求“像素完美”的布局和设计，则使用 css 通过 margin: 或 position: 更可靠和一致。 - ChrisN
15个回答
1
<br /> 只应用于换行，而不是为页面应用样式。例如，如果您需要段落之间的额外空间，请给它们一个类，并将额外的填充应用于段落。不要使用 <br /><br ><br /> 来分散您的段落。
- Zoe
1
不要使用三个或更多连续的<br>，那是在为了风格而使用它们的信号，不，你不应该这样做。
有些人会说单个<br>就足够了，而且你应该使用<p></p>代替两个，但有些情况下（例如剧本），你想引入一个更长的暂停，而不暗示话题的变化或新时期的开始，就像段落通常做的那样。
- ZJR
0
如果使用得当，它们是很好的。例如，您不应该使用它们来代替<p>标签或在元素之间创建间距。如果您有两个连续的<br>，那么您可能做错了什么。
- mpen
0
这是一个关于编程的例子，展示了如何使用
（请注意按钮错位和右侧奇怪的空白间隙）：
<br>会对样式产生负面影响（运行代码片段查看效果）。（请注意按钮错位和右侧奇怪的空白间隙）：
button {
width: 70px;
height: 70px;
}
#arrows {
border: solid thin red;
display: inline-block;
}
#arrows span:first-of-type {
text-align: center;
display: block;
}
#moveUp {
margin: 0;
}
/* In the current case instead of <br> use display */
/*
#arrows span:last-of-type {
display: block;
}
*/<div id="arrows">
<span>
<button id="moveUp" value="üles">↑</button>
</span>
<button id="moveLeft" value="vasakule">←</button>
<button id="moveDown" value="alla">↓</button>
<button id="moveRight" value="paremale">→</button>
<br> <!-- note the shifted button and odd space on right -->
<span>or move with keyboard arrows</span>
</div>- mhpreiman
-3
在HTML（HTML 4）中：使用<br>
在HTML 5中：推荐使用<br>，但<br/>和<br />也可以接受
在XHTML中：推荐使用<br />。也可以使用<br/>或<br></br>
因此，使用<br>标签是完全有效的HTML。但不建议使用<br>吗？
不建议使用<br>的主要原因是它不是语义化标签，没有内容。可以避免使用它，例如：
<p>some<br>text<p>
可以不使用
<br>标记进行标记。 <p>some</p>
<p>text<p>
如果您使用<br>标签来实现顶部间距等其他目的，那么这些可以通过CSS的margin属性来实现。
- Aamir Shahzad
1
1请注意，使用<p>标签会在顶部和底部添加约16像素的边距。将每个<p>标签的边距设置为0像素，以避免使用比应该更多的高度来排列行。 - Satbir Kira
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接