Есть ли встроенный элемент, который добавляет текст, чтобы не было разрыва строки?

Question

Есть ли встроенный элемент, который добавляет текст, чтобы не было разрыва строки?

0

Причина, по которой я спрашиваю об этом, заключается в том, что у меня есть ссылки на моем сайте, которые выделены жирным шрифтом, когда они зависают, это "Наша работа", свяжитесь с нами, но проблема в том, что "|" является частью одной из ссылок, поэтому она также выделена жирным шрифтом, все равно вокруг этого?

Justin 22 март 2014, в 04:14

Источник

0

Пожалуйста, дайте нам свой код, чтобы играть
ArunRaj 22 март 2014, в 02:40
0

Разве мой ответ не полезен?
Bharadwaj 22 март 2014, в 03:15
0

@Bharadwaj я относительно новичок в программировании, поэтому я не знаю, что это такое
Justin 22 март 2014, в 03:19
0

Я использую мобильный телефон, чтобы отправить ответ. Поэтому я не могу добавить пример. Для тега «а» добавьте код, который я разместил, как <a style="white-space:nowrap;">
Bharadwaj 22 март 2014, в 03:23
0

Нет встроенного элемента, кроме <br> добавляет разрыв строки. Если речь идет о предотвращении нормальной упаковки, вы должны сказать это. Как жирность относится к разрывам строк? Вы должны опубликовать свой код и указать, в чем именно заключается проблема. «Наша работа | Свяжитесь с нами »звучит как две ссылки. Если у вас есть их как одна ссылка, то сначала исправьте эту проблему.
Jukka K. Korpela 22 март 2014, в 06:00

Показать ещё 3 комментария

Теги:

html

css

3 ответа

Ещё вопросы

Пожалуйста, дайте нам свой код, чтобы играть
@Bharadwaj я относительно новичок в программировании, поэтому я не знаю, что это такое
Я использую мобильный телефон, чтобы отправить ответ. Поэтому я не могу добавить пример. Для тега «а» добавьте код, который я разместил, как <a style="white-space:nowrap;">
Нет встроенного элемента, кроме <br> добавляет разрыв строки. Если речь идет о предотвращении нормальной упаковки, вы должны сказать это. Как жирность относится к разрывам строк? Вы должны опубликовать свой код и указать, в чем именно заключается проблема. «Наша работа | Свяжитесь с нами »звучит как две ссылки. Если у вас есть их как одна ссылка, то сначала исправьте эту проблему.

Martijn · Answer 1 · 2014-03-22T01-15-00.000Z

Вы можете сделать это с помощью css и границы (что является правильным способом, а не знаком трубы)

<a> text </a>
<a> text </a>
<a> text </a>
<a> text </a>

a{
    margin: 0 5px;
    padding: 0 5px;
    line-height: 20px; /* this is to center it with the text */
}
a+a{
    border-left: 1px solid #000;
    padding-left: 10px;
}

jsFiddle demo

Может быть, он хочет трубку, чтобы быть там ...;)
Умный ответ. К сожалению, этот парень задает 50 вопросов и не одобряет ни одного ответа.

Bharadwaj · Answer 2 · 2014-03-22T01-11-00.000Z

Используйте стиль = "white-space: nowrap;" для контейнера, имеющего текст, чтобы избежать разрыва строки.

code-jaff · Answer 3 · 2014-03-22T00-27-00.000Z

Я предполагаю, что вы ищете такую структуру

HTML

<ul>
    <li><a href="#"> Our work </a></li>
    <li> | </li>
    <li><a href="#"> contact us </a></li>
</ul>

CSS

ul{
    list-style:none;
}
ul > li{
    float:left;
    padding: 5px;
}

DEMO

РЕДАКТИРОВАТЬ

без жестко закодированной трубы

<ul>
    <li><a href="#"> Our work </a></li>
    <li><a href="#"> Contact us </a></li>
    <li><a href="#"> About us </a></li>
</ul>


ul{
    list-style:none;
}

ul > li{
    float:left;
}

ul > li a{
    padding:5px;
}

li + li::before {
    content: "|";
}

DEMO

Лучший дисплей | через CSS, поскольку это вряд ли элемент списка.