<div id="linksbwrap">
<a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br>
<a class="linkb" href="">Lorem ipsum Lorem</a><br>
<a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br>
<a class="linkb" href="">Lorem ipsum Lorem</a><br>
...
</div>
CSS
#linksbwrap{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
첫 번째 열의 왼쪽 여백을 마지막 열의 오른쪽 여백과 동일하게 설정하는 방법은 무엇입니까?
그리고 열 내부의 링크를 왼쪽으로 정렬하십시오.
나는 시도했다 :
#linksbwrap{
text-align:center;
}
그러나이 경우 열 내부의 링크도 자체적으로 중앙에 배치됩니다.
작동하지 않습니까?
#linksbwrap {
display: inline-block;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
background:lightblue;
margin: 0 40px;
padding-left: 30px;
}
<div id="linksbwrap">
<a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br>
<a class="linkb" href="">Lorem ipsum Lorem</a><br>
<a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br>
<a class="linkb" href="">Lorem ipsum Lorem</a><br>
<a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br>
<a class="linkb" href="">Lorem ipsum Lorem</a><br>
<a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다