Skip to content

Commit b80dc8b

Browse files
ctruedenmattxwang
authored andcommitted
editing/whitespace: improve line wrapping examples
1 parent dbd113f commit b80dc8b

File tree

2 files changed

+13
-3
lines changed

2 files changed

+13
-3
lines changed

_pages/editing/whitespace.md

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -134,15 +134,25 @@ It's a    REALLY    big deal!
134134
Normally, lines can wrap wherever there is whitespace:
135135

136136
{% capture line-wrapping-at-whitespace %}
137-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
137+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
138+
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
139+
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
140+
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
141+
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
142+
culpa qui officia deserunt mollit anim id est laborum.
138143
{% endcapture %}
139144
{% include editing/example code=line-wrapping-at-whitespace %}
140145

141146
If you don't want it to wrap at a particular place, you can use ` ` instead of a regular space, but for whole paragraphs as above, it quickly becomes tiresome. Another way is to use a styled span:
142147

143148
{% capture suppress-whitespace-wrapping %}
144149
<span style="white-space: nowrap">
145-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
150+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
151+
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
152+
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
153+
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
154+
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
155+
culpa qui officia deserunt mollit anim id est laborum.
146156
</span>
147157
{% endcapture %}
148158
{% include editing/example code=suppress-whitespace-wrapping %}

assets/css/includes.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -353,7 +353,7 @@ table.table-OS-info {
353353

354354
.example > div:last-child {
355355
max-width: 100%;
356-
padding-bottom: 2em;
356+
overflow: auto;
357357
}
358358
.example > div:last-child > div {
359359
padding: 10px;

0 commit comments

Comments
 (0)