Re: CSS support for display:table

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/