일반적인 CSS 센터링 문제는 나를 위해 작동하지 않습니다. 문제는 완성 된 너비 px를 모른다는 것입니다.
전체 탐색에 대한 div가 있고 내부에 각 버튼이 있으며 둘 이상의 버튼이 있으면 더 이상 가운데에 있지 않습니다. 🙁
CSS
.nav{
margin-top:167px;
width:1024px;
height:34px;
}
.nav_button{
height:34px;
margin:0 auto;
margin-right:10px;
float:left;
}
HTML
<div class="nav">
<div class="nav_button">
<div class="b_left"></div>
<div class="b_middle">Home</div>
<div class="b_right"></div>
</div>
<div class="nav_button">
<div class="b_left"></div>
<div class="b_middle">Contact Us</div>
<div class="b_right"></div>
</div>
</div>
어떤 도움이라도 대단히 감사하겠습니다. 감사
결과
너비를 알 수 없으면 버튼을 중앙에 배치하는 방법을 찾았지만 완전히 행복하지는 않지만 중요하지 않습니다.
가장 좋은 방법은 테이블에 놓는 것입니다.
<table class="nav" align="center">
<tr>
<td>
<div class="nav_button">
<div class="b_left"></div>
<div class="b_middle">Home</div>
<div class="b_right"></div>
</div>
<div class="nav_button">
<div class="b_left"></div>
<div class="b_middle">Contact Us</div>
<div class="b_right"></div>
</div>
</td>
</tr>
</table>
답변
나는 이것이 매우 오래된 질문이라는 것을 알고 있지만 오늘이 문제를 우연히 발견하고 해결했습니다.
<div style="text-align:center;">
<button>button1</button>
<button>button2</button>
</div>
건배, 마크
답변
문제를 해결하려면 CSS에 다음을 추가하는 것이 좋습니다.
button {
margin: 0 auto;
display: block;
}
답변
또 다른 좋은 옵션은 다음을 사용하는 것입니다.
width: 40%;
margin-left: 30%;
margin-right: 30%
답변
문제는 다음 CSS 줄에 있습니다 .nav_button
.
margin: 0 auto;
버튼이 하나 인 경우에만 작동하므로 둘 이상의 nav_button
div 가있을 때 중심을 벗어난 것 입니다.
모든 버튼 nav_buttons
을 다른 div에 중첩하려면 다음을 수행하십시오.
<div class="nav">
<div class="centerButtons">
<div class="nav_button">
<div class="b_left"></div>
<div class="b_middle">Home</div>
<div class="b_right"></div>
</div>
<div class="nav_button">
<div class="b_left"></div>
<div class="b_middle">Contact Us</div>
<div class="b_right"></div>
</div>
</div>
</div>
다음과 같이 스타일을 지정하십시오.
.nav{
margin-top:167px;
width:1024px;
height:34px;
}
/* Centers the div that nests the nav_buttons */
.centerButtons {
margin: 0 auto;
float: left;
}
.nav_button{
height:34px;
margin-right:10px;
float: left;
}
답변
문제를 해결하려면 CSS에 다음을 추가하는 것이 좋습니다.
.btn {
width: 20%;
margin-left: 40%;
margin-right: 30%;
}
답변
다른 모든 것이 실패하면 난 그냥
<center> content </center>
나는 그것이 더 이상 “표준에 달하는”것이 아니라는 것을 알고 있지만 그것이 작동한다면 작동합니다