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/
