CSS support for display:table

Michael Drake michael.drake at codethink.co.uk
Thu Feb 15 14:48:54 GMT 2018


On 15/02/18 12:17, Jim Nagel wrote:
> I'm wondering if Netsurf CSS supports these commands (if that's the
> correct term)
>        display:table   or   width:min-content

Supported: display:table
Unsupported: width:min-content

The min-content value for width is just at editors draft stage.

https://drafts.csswg.org/css-sizing-3/

So it's subject to change, and not standardized yet.  As the
mozilla documentation says, it shouldn't be used in production
code.

> The third idea uses  table:caption; caption-side:bottom;  -- again,
> does Netsurf support it?  In my attempts the caption lands at the
> right of the picture, not beneath it. (See "tablecaption-X.html".)

NetSurf doesn't support table captions.

As for how I'd do it, I think there would be more mileage in
constraining the outer figure element with image dimensions,
rather than the image.

Something like (untested, and requiring polish):

figure {
     display: block;
     width: 33%;
     max-width: 400px;
     min-width: 100px;
}

figure.left {
     float: left;
}

figure.right {
     float: right;
}

figure > img {
     display: block;
     width: 100%;
}

figure > figcaption {
     display: block;
     width: 100%;
}

Then you'd have e.g.

<figure class="right">
     <img src="pic" alt="">
     <figcaption>Lots of text...</figcaption>
</figure>

-- 
Michael Drake                              http://www.codethink.co.uk/



More information about the netsurf-users mailing list