Html 制造<;br>;换行符大于正常换行空间
我有一个小的HTML网站,它在HTML表格中显示信息(特别是火车站)。在一行上,它有一个固定的长度,这意味着比表的宽度长的句子会溢出到下一行。这很好,但是我需要它,这样当行与行之间的间隙是因为一个长短语或者因为它是列表中的下一个短语时,它就很明显了。请参见下面的示例: 这列火车有两站,雷丁站(一条线路上有)和伦敦帕丁顿站(另一条线路上有)。我需要它,以便“阅读”和“伦敦”之间的差距大于“伦敦”和“帕丁顿”之间的差距。它的HTML如下所示:Html 制造<;br>;换行符大于正常换行空间,html,css,Html,Css,我有一个小的HTML网站,它在HTML表格中显示信息(特别是火车站)。在一行上,它有一个固定的长度,这意味着比表的宽度长的句子会溢出到下一行。这很好,但是我需要它,这样当行与行之间的间隙是因为一个长短语或者因为它是列表中的下一个短语时,它就很明显了。请参见下面的示例: 这列火车有两站,雷丁站(一条线路上有)和伦敦帕丁顿站(另一条线路上有)。我需要它,以便“阅读”和“伦敦”之间的差距大于“伦敦”和“帕丁顿”之间的差距。它的HTML如下所示: <p>Calling at:<br&
<p>Calling at:<br>Reading<br>London Paddington</p>
呼叫:
正在阅读
伦敦帕丁顿
我试着说清楚,但如果你不明白,请说!多谢各位
此外,我在stackoverflow.com/questions/1409649上尝试过该解决方案,但它对我无效。您可以查看
字体大小
重置为
:
例如,第二段显示换行符增加
/*增加换行标记上的换行高度*/
p+p br{
字体大小:1.5em;/*使用calc(1em+10px)或vmin、vmax等调整您自己的值*/
垂直对齐:顶部;
}
p{
显示:内联块;
边缘:1米;
垂直对齐:顶部;
边框:实心;
字号:1em;
}
p+p{
颜色:绿色
}
呼叫:
正在阅读
伦敦帕丁顿
呼叫:
阅读
伦敦帕丁顿
可能重复您为什么在这里使用br
?由于Reading
和London Paddington
是不同的实体,因此应该将它们包装在一个块元素中,例如div
或li
我有我的理由-确切地说,我需要在以后使用JS时更改停止点,这就是我想要做的。使用
更具语义。为了便于编码,请不要损害可用性和可访问性!行高,为br重置字体大小。。。你试过什么了吗?在代码片段预览中,我看不出黑色和绿色有什么区别。我遗漏了什么吗?@penguin_k你用的是什么浏览器(用IE11、chrome&ff甚至旧的最新的safari for windows进行了测试。该浏览器无法测试,但仍保留在我的电脑上)。谢谢你的反馈:)我添加了一张FF预期结果的照片