据我所知,这是对的:
<div>
<p>some words</p>
</div>
Run Code Online (Sandbox Code Playgroud)
但这是错误的:
<p>
<div>some words</div>
</p>
Run Code Online (Sandbox Code Playgroud)
第一个可以通过w3c验证器(xhtml 1.0),但第二个不能.我知道没有人会像第二个那样编写代码.我只是想知道为什么.那么其他标签的遏制关系呢?
是否可以<br/>使用CSS 定位换行符?
每次有一个换行符时我想要一条1px的虚线.我使用自己的CSS自定义网站,无法更改设置的HTML,否则我会使用其他方式.
我不认为这是可能的,但也许有人知道的方式.
我在这里看到了一个相同的问题,但我无法得到任何工作的答案(至少在chrome上).
这个问题仅适用于<br>,我知道很多其他技术可以改变高度但在这种情况下我不能改变html.
bla<BR><BR>bla<BR>bla<BR><BR>bla
Run Code Online (Sandbox Code Playgroud)
CSS:
br {
display: block;
margin-bottom: 2px;
font-size:2px;
line-height: 2px;
}
Run Code Online (Sandbox Code Playgroud)
期望的效果:较小的线间高度.
我唯一可以工作的是display:none,但是所有的换行都被删除了.
这是使用一些技术的小提琴,但看到它渲染与没有任何CSS的完全相同.
我发现有时,<br>元素不会在我使用的浏览器(Firefox 和 Chrome)中呈现。
<p>Hello<br></p>
<p>Hello<br></p>
Run Code Online (Sandbox Code Playgroud)
将呈现为相同:
<p>Hello</p>
<p>Hello</p>
Run Code Online (Sandbox Code Playgroud)
以同样的方式,
<p>Hello <a href="https://ddg.gg">ddg<br></a></p>
<p>Hello</p>
Run Code Online (Sandbox Code Playgroud)
和 :
<p>Hello <a href="https://ddg.gg">ddg</a></p>
<p>Hello</p>
Run Code Online (Sandbox Code Playgroud)
在浏览器中打开时,也将在没有任何换行符的情况下呈现。
我在 HTML 规范中找不到指定此行为的部分,您知道在哪里可以找到此规范,或者您能否以简单的方式表达此行为?
如果您了解他们,我也会对出现这种行为的原因感兴趣。
编辑:我知道在 HTML 中的这个位置放置 br 元素是非常“不正确的”,我不是生成这个 HTML 的人,但我需要将此 HTML 转换为另一种格式,所以我有兴趣了解如何浏览器处理这种情况。
我知道BR用于创建换行符.我只是想知道它是否也在线之间创造了空间?请考虑以下示例:
<p>
Hello <br/> Stackoverflow <br/><br/><br/> !
</p>
Run Code Online (Sandbox Code Playgroud)
输出如下:
Hello
Stackoverflow
!
Run Code Online (Sandbox Code Playgroud)
通过越来越多的BR我发现线之间的距离增加.是因为<br>?但是当我尝试<br>在CSS中控制高度时,它并没有跟随,似乎它根本没有高度,只是一个换行符.如果<br>不是行之间的空间的原因,那么哪个以及如何在CSS中控制它?另外,我通常<br>用来创建行之间的大距离,\n\r当数据来自数据库时,我这样做是为了替换等,这样可以吗?
在我的HTML中,我有一个div,在div中,我在文本行之间有不同的垂直间距.我通过使用休息和定义高度,即高度2 <div>或高度10或其他来实现这一点.
在我的样式表中,我将它定义为:
br.height2 {line-height:2px;} br.height5 {line-height:5px;}
这适用于IE6 + FF2 +和Opera,但由于某些原因,Safari和Chrome存在巨大差距(就像那两个浏览器忽略它并只是应用常规中断).我尝试使用更大的线高,如20px或30px进行测试,Safari和Chrome识别这些.他们似乎忽略了5-10像素以下的任何东西.
救命?谢谢!
我正在使用当前使用<br>标签进行间距和页面布局的网页,我想删除所有这些标签,并用CSS中的等效标签替换它们,以使屏幕阅读器更容易访问页面.
作为此过程的一部分,我需要使用基于CSS的填充替换当前用于间距的break标记.
有人能告诉我默认的换行高度是多少,以便我可以设置我的填充等于那个高度并节省大量时间吗?
我有一个像这样的文件:
This is some text.<br>
This is some more text.<br>
This is yet some more text.
Run Code Online (Sandbox Code Playgroud)
呈现如下:
This is some text.
This is some more text.
This is yet some more text.
Run Code Online (Sandbox Code Playgroud)
有什么方法可以调整行之间的间距,但只能在<br>出现的地方进行调节?输出可能如下所示:
This is some text.
This is some more text.
This is yet some more text.
Run Code Online (Sandbox Code Playgroud)
如何调整<br>出现的行之间的间距?
我有这个代码:
elf='%0A';
document.getElementById('writebox').innerHTML=("hello there"+elf+"friend");
Run Code Online (Sandbox Code Playgroud)
当调用此函数时,div中显示的文本不是换行符,而只是"%0a".这让我很困惑,因为在另一个不同的功能中,精灵工作得很好.有什么想法吗?