어제 ucweb을 사용하는 goos의 게시물을 봤습니다. Float 메뉴가 수평으로 중앙에 위치할 수 없다고 누가 말했습니까 ? 들어가서 살펴보니 음수 여백, position:relativel; 등을 사용하는 방법이 약간 번거롭다는 것을 알았습니다. 해킹.
여기에는 더 간단한 방법이 있는데 먼저 보여 드리겠습니다.
사실 밖에 div를 하나 더 놓았어야 했는데, 탄소배출량을 줄이기 위해 버렸습니다.
코드 상자 실행
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">
<머리>
<스타일 유형="텍스트/css">
body{font-family:Verdana,Arial,sans-serif;font-size:12px;margin:120px auto;text-align:center;}
ul{margin:0;padding:0;list-style:none;}
#navigation{display:inline-block;border:solid 1px red;padding:20px;}
#탐색 li{height:30px;float:left;}
#탐색 li a{float:left;height:30px;line-height:30px;padding:0 23px;배경:#97C099;}
#탐색 li a:hover{배경:#59c099;색상:#fff;}