https://hannom-rcv.org/wi/index.php?action=history&feed=atom&title=%E6%9D%BF%E3%91%84%3AMultiple_image%2Fstyles.css 2026-05-08T12:51:46Z 歷史𠊝𢷮張尼𨑗威其 MediaWiki 1.43.0 https://hannom-rcv.org/wi/index.php?title=%E6%9D%BF%E3%91%84:Multiple_image/styles.css&diff=26422&oldid=prev 2025-04-14T09:34:10Z

<p>造張㵋貝內容「<span class="autocomment">{{pp-template}}：</span> <span class="autocomment">this is a block：</span> .multiimageinner { display: flex; flex-direction: column; } .trow { display: flex; flex-direction: row; clear: left; flex-wrap: wrap; width: 100%; box-sizing: border-box; } <span class="autocomment">this is a cell：</span> .tsingle { margin: 1px; float: left; } .theader { clear: both; font-weight: bold; text-align: center; align-self: center; background-color: transparent; width: 100%; } .thumbcaption { background-color: transparen…」</p> <p><b>張㵋</b></p><div>/* {{pp-template}} */<br /> /* this is a block */<br /> .multiimageinner {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .trow {<br /> display: flex;<br /> flex-direction: row;<br /> clear: left;<br /> flex-wrap: wrap;<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* this is a cell */<br /> .tsingle {<br /> margin: 1px;<br /> float: left;<br /> }<br /> <br /> .theader {<br /> clear: both;<br /> font-weight: bold;<br /> text-align: center;<br /> align-self: center;<br /> background-color: transparent;<br /> width: 100%;<br /> }<br /> <br /> .thumbcaption {<br /> background-color: transparent;<br /> }<br /> <br /> .text-align-left {<br /> text-align: left;<br /> }<br /> <br /> .text-align-right {<br /> text-align: right;<br /> }<br /> <br /> .text-align-center {<br /> text-align: center;<br /> }<br /> <br /> @media all and ( max-width: 720px ) {<br /> .thumbinner {<br /> /* not !important usage can be removed when these are no longer inline styles<br /> inside Template:Multiple image and media query using min-width is introduced */<br /> width: 100% !important;<br /> box-sizing: border-box;<br /> max-width: none !important;<br /> align-items: center;<br /> }<br /> .trow {<br /> justify-content: center;<br /> }<br /> .tsingle {<br /> /* not !important usage can be removed when these are no longer inline styles<br /> inside Template:Multiple image and media query using min-width is introduced */<br /> float: none !important;<br /> max-width: 100% !important;<br /> box-sizing: border-box;<br /> text-align: center;<br /> }<br /> .tsingle .thumbcaption {<br /> text-align: left;<br /> }<br /> .trow &gt; .thumbcaption {<br /> text-align: center;<br /> }<br /> }</div>

Keepout2010