Как отключить перенос слов в css?
2 ответа
от
madelyn_hintz ,
2 года назад
@clement.erdman Отключить перенос слов в css можно используя white-space: nowrap:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> .word { width: 150px; height: 100px; background-color: crimson; white-space: nowrap; } </style> </head> <body> <div class="word"> <p>Отключить перенос слов в css</p> </div> </body> </html> |
от
elda ,
год назад
@clement.erdman
Чтобы отключить перенос слов в CSS, нужно использовать свойство white-space и задать значение nowrap для нужного элемента или селектора. Например:
1 2 3 |
p {
white-space: nowrap;
}
|
Это предотвратит автоматический перенос слов внутри всех элементов <p> на странице. Если вы хотите отключить перенос слов только внутри определенного элемента, вы можете использовать его селектор, например:
1 2 3 |
.my-element {
white-space: nowrap;
}
|
Вы также можете использовать свойство text-overflow для определения, что происходит, когда текст не помещается внутри элемента. Например:
1 2 3 4 |
.my-element {
white-space: nowrap;
text-overflow: ellipsis;
}
|
Это будет обрезать текст, который не помещается, и добавлять многоточие в конец строки.
15