换行符忽略边距

当我在文本中输入换行符时，以下文本在换行符前面开始。换行符忽略边距

<li><a class="yourlinkclass" href="http://blah.com" class="blahlink" target="blank">this is really <br>annoying</a></li> 

<style> 
A.yourlinkclass { 
font-family: Arial; 
color: #595454; 
text-decoration: none; 
font-size: 11px; 
font-weight:; 
margin-left:80px; 
} 

A.yourlinkclass:hover { 
font-family: Arial; 
color: #BDBDBD; 
text-decoration: underline; 
font-size: 11px; 
font-weight:; 
margin-left:80px; 
</style>

我该如何解决这个问题，所以文本后，换行符开始后80px像他们应该？

来源

2012-03-22 user1284806

这可以在保持换行的同时达到预期的效果。 http://jsfiddle.net/vasco/Dn8Sf/

<li><p id="parent"><a class="yourlinkclass" href="http://blah.com" class="blahlink" target="blank">this is really <br />annoying</a></p></li>

a.yourlinkclass { 
font-family: Arial; 
color: #595454; 
text-decoration: none; 
font-size: 11px; 
} 

a.yourlinkclass:hover { 
font-family: Arial; 
color: #BDBDBD; 
text-decoration: underline; 
font-size: 11px; 
} 

#parent { 
margin-left:80px; 
}

来源

2012-03-22 02:00:35 vascop

感谢奏效，但有反正有没有在 “P” 之间的空间？我的意思是在每个“p”（我不知道p表示段落？）部分之间，有一个空格。我不喜欢那 – user1284806 2012-03-22 03:20:32

你能解释一下你的问题吗？你究竟在询问什么？没有理解...... ru询问p标签间距或者给我们提供小提琴的例子.. – 2012-03-22 04:36:47

~~你应该避免面包和黄油的代码。（谷歌它。）~~

结果谷歌搜索“面包和黄油代码”不会返回任何有意义的结果。这意味着你应该避免使用“br”标签，因为它们不能用CSS进行样式化。（还有一些关于不使用已弃用的HTML标签的东西，但这不相关。）

所以，不要使用br的。你有尝试过使用div的吗？

<li><a class="yourlinkclass" href="http://blah.com" class="blahlink" target="blank"><div>this is really</div><div>annoying</div></a></li>

声明：即无效的HTML，因为DIV是块级元素和一个内联是，这样的div不应该被嵌套在“一”元件的内部。正确的方法是：

<div><a href="blah">This is really</a></div> 
<div><a href="blah">Annoying</a></div>

但是，这是不可接受的所有用途。 HTML5通过允许任何元素成为链接来修复这个问题，但是您仍然不能依靠浏览器支持。你应该真的用html和/或css来标记这个问题。 “line margin break ignore”不会告诉任何人任何事情。

来源

2012-03-22 01:56:35

换行符忽略边距

回答

相关问题