разрывы строк игнорируют поля - PullRequest
Новая
       13

разрывы строк игнорируют поля

1 голос
/ 22 марта 2012

при вводе разрыва строки в тексте, следующий текст начинается перед полем. 

<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, как они должны?

Ответы [ 2 ]

1 голос
/ 22 марта 2012

Это позволяет достичь желаемого результата, сохраняя разрыв строки. 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>

1005 * 

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;
}
0 голосов
/ 22 марта 2012

Вы должны избегать кода хлеба и масла.(Google it.)

Оказывается, поиск в Google "кода с хлебом и маслом" не дает никаких значимых результатов.Это означает, что вы должны избегать тегов "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 является элементом уровня блока, а a является встроенным, поэтому div не должен быть вложен в элемент «a».Правильный путь будет следующим: 

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

Но это не приемлемо для всех целей.HTML5 решает эту проблему, позволяя любому элементу быть ссылкой, но вы пока не можете рассчитывать на поддержку браузера.

PS: Вы действительно должны были пометить этот вопрос как и / или.«игнорирование разрыва строки» никому ничего не говорит.

...