br在标签内,在标签外有什么不同,在不同标签内有什么不同
2022-11-06 本文已影响0人
九天懒猫
1-1br在标签内部,显示如何(以下是浏览器显示)
(以下是代码)
在p标签内,添加换行标签,除了空出来的一行,还有行与行之间的间距存在,用鼠标选择时,能按到空出来行。
1-2 br在标签外部,和内部的对比。(以下是浏览器显示)
(以下是代码)
总结,在p标签外的br换行,与上面的br放在标签内字体无差别,鼠标选择后,能看到空行也无差别。
3-其他标签内外部使用br如何显示。
3-1 h1标签(以下是浏览器显示)
(以下是代码)
此处对比,略微有点迷惑,第二行“这是一个标题标签”与一行的中间间隔,鼠标选中后是4,但是代码只给了两个换行符。第二句与第三句的之间有空行,感觉像是标题之间的空行。
3-2 以下是div标签。(以下是浏览器显示)
(以下是代码)
div的标签,没有出现什么迷惑行为有行行就空了,没有换行就是下一行直接显示。
前面试了下p标签的包裹,显示很迷惑,但是,br没有这么跳脱。
结果,br在标签内和在标签外没有什么不同,标准宽,没有规定的硬性规定。