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.


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

> 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>

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

More information about the netsurf-users mailing list