위키뉴스:대문: 두 판 사이의 차이

내용 삭제됨 내용 추가됨
잔글편집 요약 없음
Lens0021 (토론 | 기여)
모바일에서 두 네모 박스가 세로로 표시될 수 있도록 기존 float대신 flex CSS를 사용했니니다. 두 박스 사이의 여백에 column-gap을 사용하고 싶었으나 IE에서는 지원이 안 되고, 현재(2022년) 위키미디어 협회에서 IE 지원을 중단하지 않았으므로 margin-right를 사용하여 약간 여백이 이상한 면이 있습니다. min-width는 임의로 지정했으나 위키미디어에서 320px을 모바일 기준으로 정하는 것에 준할 수 있도록 약 32em 이하면 바뀌도록 했습니다.
태그: 2017 원본 편집
1번째 줄:
{{위키뉴스 머릿말}}
{{대문 분류}}
<div style="floatdisplay:leftflex; widthflex-wrap:59%wrap;">
<div style="width:59%; margin-right:1%; min-width:21em; flex:auto;">
{| style="border-spacing:8px; margin:0px -8px;"
|class="MainPageBG" style="width:60%; border:1px solid #cef2e0; background:#cef2e0; vertical-align:top; color:#000;"|
줄 19 ⟶ 20:
</div>
 
<div style="floatwidth:right40%; min-width:40%11em; flex:auto;">
 
{|style="border-spacing:8px; margin:0px -8px;"
줄 48 ⟶ 49:
|}
|}
</div>
</div>
<div style="float:left; width:100%">