display-none-inline-img-ref.html (674B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Test Reference</title> 4 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 5 <style> 6 .carousel { 7 position: relative; 8 overflow: hidden; 9 height: 300px; 10 } 11 12 .scroller { 13 position: absolute; 14 top: 0; 15 left: 0; 16 right: 0; 17 bottom: 0; 18 overflow: auto; 19 } 20 21 .slides { 22 width: 200%; 23 display: flex; 24 } 25 26 .slide { 27 flex: 0 0 50%; 28 contain: paint; 29 } 30 31 img { 32 width: 300px; 33 height: 250px; 34 } 35 </style> 36 37 <div class="carousel"> 38 <div class="scroller"> 39 <div class="slides"> 40 <div class="slide"> 41 <img id="image" src="/images/green-256x256.png"> 42 </div> 43 </div> 44 </div> 45 </div>