You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
div { font-family: monospace; width: 200px; border: 1pxsolidblack; }
67
+
</style>
68
+
69
+
<divstyle="white-space:nowrap">if (hours > 18) {
70
+
// Пойти поиграть в теннис
62
71
}
63
72
</div>
64
-
[/pre]
73
+
```
65
74
66
75
Здесь переводы строки проигнорированы, а подряд идущие пробелы, если присмотреться -- сжаты в один (например, перед комментарием `//`).
67
-
</li>
68
-
</ul>
69
76
70
77
Допустим, мы хотим разрешить посетителям публиковать код на сайте, с сохранением разметки. Но тег `PRE` и описанные выше значения `white-space` для этого не подойдут!
71
78
@@ -84,37 +91,34 @@ if (hours > 18) {
84
91
85
92
Оба поведения отлично прослеживаются на примерах:
86
93
87
-
<ul>
88
-
<li>**`white-space: pre-wrap`:**
94
+
**`white-space: pre-wrap`:**
95
+
96
+
```html
97
+
<!--+ autorun height=100 -->
98
+
<style>
99
+
div { font-family: monospace; width: 200px; border: 1pxsolidblack; }
0 commit comments