Свойства CSS: как указать свойство word-break, чтобы слова можно было продолжить до следующей строки
Перейти на страницу упражнений
Решение:
HTML-код:
<!DOCTYPE html>
<html>
<head>
<title>How to specify the word-break property to allow words to be continued to the next line</title>
<style type="text/css">
p.w3r {
width: 140px;
border: 1px solid #CCFF00;
word-break: break-all;
}
</style>
</head>
<body>
<h3><strong>w3resource Tutorial</strong></h3>
<p class="w3r">w3resource web development tutorial. w3resource web development tutorial. w3resource web development tutorial. w3resource web development tutorial. w3resource web development tutorial. w3resource web development tutorial. w3resource web development tutorial. w3resource web development tutorial. w3resource web development tutorial. w3resource web development tutorial. w3resource web development tutorial.</p>
</body>
</html>
Демонстрация в реальном времени:
См. Слово-ответ-ответ Pen по w3resource ( @ w3resource ) в CodePen .
Поддерживаемый браузер
да | да | да | да | да |
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code