about summary refs log blame commit diff stats
path: root/test/layout/flex-shrink-simple.html
blob: 45de8bcc64fdd9fe156b3a30efd2755ccc0160ca (plain) (tree)
1
2
3
4
5




                                                                                               
<!DOCTYPE html>
<div style="display: flex">
<div>test test test test test test test test test</div>
<div>test test test test test test test test test test test test test test test test test</div>
<div>last</div>
pan> max-width: 2ch; background-color: blue; } #two { width: 10ch; max-width: 2ch; background-color: red; display: inline-block; } #three { width: 10ch; max-width: 2ch; background-color: green; display: block; } #four { width: fit-content(5ch); background-color: purple; max-width: 3ch; } </style> <div id=one> <span><span>This box should have a 2ch wide blue background and should wrap on every word.</span></span> </div> <div id=two>x</div>This text should be displayed after a 2ch wide red box. <div id=three><div>This text should have a 2ch wide green background and should wrap on every word.</div></div> <div id=four>II</div>