2
저는이 문제를 조사했는데 비슷한 답변을 찾았지만 찾고자하는 것이 정확하지 않으므로 여기에 있습니다.정확히 똑같이 목록을 펼칩니다.
필자는 정렬되지 않은 목록을 똑같이 수직으로 배치해야합니다. 나는이 충분히 정보를 희망
그리고 :
<div class="icons">
<ul>
<li><div class="twitter-icon"><img src="images/twitter.png"></div></li>
<li><div class="github-icon"><img src="images/github.png"></div></li>
<li><div class="linkedin-icon"><img src="images/linkedin.png"></div></li>
</ul>
</div>
.icons {
position:absolute;
top:0;
right:5%;
height:100vh;
}
.icons ul {
display:table;
table-layout: fixed;
height:100%;
margin:0;
padding:0;
}
.icons li {
display: table-row;
}
이것은 결과입니다
이 내가 가진 무엇 내 문제를 설명해주세요.
. 그의 문제는 아이콘 간격이나 테이블 레이아웃과 관련이 없습니다. 호흡 할 공간을주기보다는 목록에'top : 0;'을 설정하고 있습니다. – JDewitt
해결책이 정확합니다 - OP가 말하는 내용을보십시오 : "* 똑같이 수직으로 펼쳐질 필요가있는 순서가없는 목록이 있습니다.".... 질문을 다시 읽고 친절하게 투표지를 제거하십시오 – kukkuz