언제 Flex Box 대신 위치를 사용하여 요소의 위치를 지정해야 합니까?
<p><br /></p>
<pre class="brush:php;toolbar:false;"><!DOCTYPE html>
<html lang="ko">
<머리>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<제목>문서
<스타일>
#dn{
너비: 400px;
높이: 400px;
패딩: 20px;
테두리: 2px 솔리드 #cd1313;
}
.box1 {
너비: 100%;
높이: 100%;
디스플레이: 플렉스;
내용 정당화: 센터;
항목 정렬: 중앙;
텍스트 정렬: 중앙;
글꼴 두께: 굵게;
색상: 흰색;
글꼴 크기: 24px;
배경색: #000000;
}
</스타일>
</머리>
<본문>
<div id="dn" class="boxn">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Architecto ducimus repudiandae Inventore iste porro distinctio necessitatibus incidunt accusamus facilis obcaecati! 안녕 나멘
<div id="d1" class="box1">
어린이
</div>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque deleniti quibusdam quod praesentium, soluta harum alias aperiam hic voluptatum natus?
</div>
</body>
</html></pre>
<p>我已经将box1显示为伸缩框.后我问自己,为什么我没有使用位置来居中的문자? 那么后果会是什么呢?是因为我们不能吗?,如果项目是一个跨島框,我可以?如果是,那么它不会产生问题,因为我们必须使用绝对位置来使它响应boxn。这个问题又长又烦人,但对我来说很重要。</p>