내비게이션 바의 중심을 맞추는 데 문제가 있습니다.
이것은 내가 작업하고있는 예제 탐색 모음입니다.
<style>
/* Begin Navigation Bar Styling */
#nav {
width: 100%;
float: left;
margin: 0 0 3em 0;
padding: 0;
list-style: none;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc; }
#nav li {
float: left; }
#nav li a {
display: block;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
color: #069;
border-right: 1px solid #ccc; }
#nav li a:hover {
color: #c00;
background-color: #fff; }
/* End navigation bar styling. */
</style>
그러나 보시다시피 내비게이션 바는 중앙에 있지 않습니다.
자동 여백을 사용해 보았지만 작동하지 않습니다. 이 문제를 해결하려면 어떻게해야합니까?
추가 text-align:center;로#nav
제거 float:left;및 추가 display: inline-block;에#nav li
이것으로 변경 :
#nav {
width: 100%;
float: left;
margin: 0 0 3em 0;
padding: 0;
list-style: none;
text-align:center;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
#nav li {
display: inline-block;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다