바닥 글 안에 3 개의 div가 있습니다. 하나는 왼쪽 부동 , 하나는 디스플레이 인라인으로 중간에 : 블록; 왼쪽으로 떠 있습니다. 그리고 마지막에 하나는 오른쪽으로 떠 있습니다 .
http://jsfiddle.net/qmwfbhtx/1/
지금까지 왼쪽 div에 최소 너비 45 % 를 추가하려고했지만 크기를 조정할 때 문제가 발생합니다. 그래서..
두 div 사이에 중간 div를 완전히 중앙에 배치하려면 어떻게해야합니까?
Flexbox 대신 float 및 display : inline-block을 기반으로 솔루션을 찾으려고합니다.
.copyright {
font-size: 20px;
text-align: left;
margin-left: 20px;
float: left;
position: relative;
}
.miamilove {
font-size: 20px;
display: inline-block;
float: left;
}
.termslist {
font-size: 20px;
text-align: left;
margin-right: 10px;
float: right;
}
.footcol a {
margin-top: 10px;
font-size: 20px;
position: relative;
padding-right: 20px;
}
.footwrap {
text-align: center;
display: inline-block;
min-width: 100vw;
}
<div class="container-fluid footwrap">
<div class="row">
<div class="footcol">
<span class="copyright">Copyrr Inc. © 2016</span>
</div>
<div class="footcol">
<span class="miamilove">Made With <i class="fa fa-heart"></i> in Hollywood</span>
</div>
<div class="footcol termslist">
<a href="#">Investors</a>
<a href="#">Press</a>
<a href="#">Blog</a>
<a href="#">Sign up</a>
</div>
</div>
내가 오해하지 않는 한 플렉스 속성이 필요할 수 있습니다.
.row {
display:flex;
justify-content:space-between
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다