가변 개수의 요소가있는 컨테이너가 있습니다. 요소의 위치는 정당해야하지만 수정 간격은 예 : 20px 사이 여야합니다. 즉, 모든 요소의 너비가 적응해야합니다. 예이를 위해 : HTML <div class="container">
<div>
<img src="...">
</div>
<div>
<img src="
필자가 정당화 된 수평 navbar를 생성하기 위해 ul 태그와 span 태그를 포함하는 div가 하나 있습니다. 첫 번째 범위의 텍스트를 정당화하고 싶기 때문에 두 번째 범위는 숨겨진 범위입니다. 그래서 문제는 내가 부모 div'height가 그의 아이들의 키보다 큽니다. HTML : <div id="div1">
<ul id="span1">
내가 가진 왼쪽과 같은 코드 : HTML : <div id="container">
<div>some</div>
<div>text</div>
<div>here</div>
<div>...</div>
</div>
<div id="container">
<div>some</div>
<div>text</div>
인라인 블록 자식 요소가 포함 된 text-justify 메서드를 사용하여 탐색을 작성했으며 IE를 제외한 모든 곳에서 위대한 기능을 수행합니다. 내가 제어 할 수없는 HTML 축소로 인해, 자식 요소 사이에 공백 문자 ( )를 추가했는데, 이는 양쪽 정렬이 실제로 작동하도록합니다. 이제는 IE가 해당 공간 노드를 그대로두고 비어있는 것으로 처리하
지난 몇 일간 here (link to article)으로 설명한 방법을 성공적으로 사용했습니다. text-align : parentify를 부모 컨테이너에 적용하여 그리드의 블록에 대한 백분율 기반 여백을 계산하지 않는 방법을 보여줍니다. An : after psuedo 요소는 항상 "텍스트"가 다음 행에 강제되어 있는지 확인하여 정당화하는지 확인합니다.
.user-name-box & .user-location 된 div 싶어 부모 DIV의 중심에 체류하지 않는 이유에 대한 답변을 찾을 수 없습니다 ... .main-content{
display: flex;
flex-flow: row nowrap;
justify-content: center;
alig