div에있는 항목을 정렬 하시겠습니까?

테이블 형식의 데이터에만 사용되어야한다고 들었 기 때문에 테이블에서 벗어나려고합니다. 그러나이 기능을 구현하는 방법은 혼란 스럽습니다. 내 탐색 바에는 검색 버튼, 등록 링크, 로그인 링크 및 두 개의 구분선이 있습니다. 어떻게하면 한 테이블에서 할 수있는 것처럼 div 내의 각 항목을 정렬합니까? CSS = Pdiv에있는 항목을 정렬 하시겠습니까?

출처

2011-02-27 John Smith

가능한 복제본. 이 질문을 확인하십시오 : http://stackoverflow.com/questions/827683/side-by-side-list-items-as-icons-within-a-div-css – jmort253

<ul class="menu"> 
<li>Link 1</li> 
<li>Link 2</li> 
<li>Link 3</li> 
<li>Link 4</li> 
</ul> 

<style type="text/css"> 
    .menu {margin:0px;padding:0px;list-style:none;width:600px;margin:auto} 
    .menu li {display:inline;padding:5px;margin-right:10px;background-color:#333;color:#fff} 
</style>

아직 테스트하지는 않았지만 찾고있는 것이 무엇인지 알려주지 않으면 안됩니다. 위의 코드를 실험하여 요구 사항을 미세 조정하십시오. 그리고 항상 테이블을 피할 필요가 없습니다. 표 형식의 데이터를 표시하려면 표가 가장 좋습니다.

출처

2011-02-27 07:46:23 Arun

응답 해 주셔서 감사합니다! 이 제안을 시도했지만 불행히도 모든 항목은 여전히 중앙에 있지 않습니다. [다음은 문제를 보여주는 스크린 샷입니다.] –

코드를 편집했습니다. 너비를 지정한 다음 여백 : 자동을 지정하십시오. 지정한 폭만큼 가운데에 배치됩니다. – Arun

고맙습니다. 그러나, 이제는 그것들을 모두 수평으로 놓을 수있는 방법이 있습니까? 현재 항목은 중간에 정렬하는 것이 아니라 위치 0에서 시작합니다. –

초보자는이 도구를 사용해보십시오. http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/

출처

2011-02-27 08:36:41

div에있는 항목을 정렬 하시겠습니까?

답변

관련 문제