Question

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

<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之后开始换行后的文字就像它们应该的那样？

Answer 1

这可以在保持断线的同时达到预期的效果。 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;
}

Answer 2

~~你应该避免使用面包和黄油代码。（谷歌吧。）~~

原来谷歌搜索“面包和黄油代码”没有返回任何有意义的结果。这意味着你应该避免使用“br”标签，因为它们不能用CSS设置样式。（还有一些关于不使用已弃用的HTML标签的内容，但这并不重要。）

所以，不要使用br's。您是否尝试过使用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不应嵌套在“a”元素中。正确的方法是：

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

但这并非所有用途都可以接受。 HTML5通过允许任何元素成为链接来修复此问题，但您还不能依赖浏览器支持。

PS：你应该用html和/或css标记这个问题。 “线边缘突破忽略”并没有告诉任何人任何事情。

换行忽略边距

2 个答案: