클래스를 사용하여이 CSS 목록을 표시하는 방법

CSS에서이 목록을 모방 할 수있는 방법이 있습니까? 리스트를 가운데 정렬하는 클래스를 갖고 싶습니다. 정렬되지 않은리스트에서 검은 점을 제거하십시오. 사실, 나는 아래의 이미지와 정확히 동일하길 바란다.클래스를 사용하여이 CSS 목록을 표시하는 방법

enter image description here

내가 250 픽셀의 열이 있고 250 픽셀 칼럼의 중간에 정렬 전체 목록을 원하는뿐만 아니라 각 목록 항목은 다른 어떤 짧은 링크는 단계와 같은 목록은 센터로 이동합니다.

도움을 주시면 감사하겠습니다.

출처

2011-08-11 Helen Neely

귀하의 목록은 오른쪽 정렬 왼쪽? – naveen

css/html에 확신이 없다면 http://HTMLDog.com의 튜토리얼을 읽는 것이 좋습니다. 그렇지 않으면 우리가 할 수있는 코드를 수정할 수 있도록 도와주기 위해 코드/예제 코드를 삽입하십시오. 봐. –

이 링크의 두 번째 예제를보십시오. 그것은 당신에게 필요한 것을 줄 것입니다. http://pmob.co.uk/pob/centred-float.htm – Ali

list-style-type:none;은 목록에서 점을 제거합니다.

이

ul.classname { 
    list-style-type:none; 
    color:red; 
    font-weight:bold; 
    text-transform:capitalize; 
}

내가 무엇을 이해하지 않습니다
색상은 모두 함께 text-transform:capitalize;
을, 또한 대문자 사용하려는 경우 그것은 대담한 것 같다
color:red; 간단한 (또는 다른 색상) 그래서 font-weight:bold;
가있다 당신은 "목록의 중심"을 의미합니다 ...

출처

2011-08-11 06:20:57 Dror

테이블 셀의 중심은'text-align : center'입니까? (iirc) –

이 작업을 수행하는 유일한 방법은 UL을 플로팅하는 것입니다 (목록의 크기를 모르기 때문에). This page tells you how to center floated items.

출처

2011-08-11 06:28:14 Ali

클래스를 사용하여이 CSS 목록을 표시하는 방법

답변

관련 문제