@@ -180,18 +180,6 @@ Layout of Line Boxes</h3>
180
180
The first/last line boxes in a [=block container=] may additionally
181
181
be trimmed by 'leading-trim' .
182
182
183
- [=Line boxes=] that contain no text,
184
- no [=preserved white space=] ,
185
- no [=inline boxes=] with non-zero [=margins=] , [=padding=] , or [=borders=] ,
186
- and no other [=in-flow=] content
187
- (such as [=atomic inlines=] or [=ruby annotations=] ),
188
- and do not end with a [=forced line break=]
189
- must be treated as zero-[=logical height|height=] [=line boxes=]
190
- for the purposes of determining the positions of any elements inside of them
191
- (such as [=absolutely positioned boxes=] ),
192
- and must be treated as not existing for any other purpose
193
- (such as <a href="https://www.w3.org/TR/CSS2/box.html#collapsing-margins">collapsing margins</a> ).
194
-
195
183
<figure>
196
184
<img src="images/box-model.png"
197
185
alt="diagram showing inline boxes split across line boxes as described above">
@@ -254,6 +242,22 @@ Layout Within Line Boxes</h3>
254
242
[=margins=] , [=padding=] , [=borders=] , and a 'line-height' ,
255
243
and thus influence these calculations just like boxes with content.
256
244
245
+ <h3 id="invisible-line-boxes">
246
+ “Invisible” Line Boxes</h3>
247
+
248
+ [=Line boxes=] that contain no text,
249
+ no [=preserved white space=] ,
250
+ no [=inline boxes=] with non-zero [=margins=] , [=padding=] , or [=borders=] ,
251
+ and no other [=in-flow=] content
252
+ (such as [=atomic inlines=] or [=ruby annotations=] ),
253
+ and do not end with a [=forced line break=]
254
+ are <dfn lt="invisible line box">invisible line boxes</dfn> .
255
+ Such boxes must be treated as zero-[=logical height|height=] [=line boxes=]
256
+ for the purposes of determining the positions of any elements inside of them
257
+ (such as [=absolutely positioned boxes=] ),
258
+ and must be treated as not existing for any other purpose
259
+ (such as <a href="https://www.w3.org/TR/CSS2/box.html#collapsing-margins">collapsing margins</a> ).
260
+
257
261
<h3 id="paint-order">
258
262
Painting Order</h3>
259
263
0 commit comments