글 머리 기호 없이는 정렬되지 않은 목록이 필요합니다
질문
나는 정렬되지 않은 목록을 만들었습니다.정한 목록의 총알이 귀찮은 것으로 느껴집니다. 그래서 나는 그들을 제거하고 싶습니다.
글 머리 기호없이 목록을 가질 수 있습니까?
답변
상위 요소 (일반적으로
- )의 CSS에서 목록 스타일 유형을 없음으로 설정하여 글 머리 기호를 제거 할 수 있습니다.
ul {
list-style-type: none;
}
패딩을 추가하고 싶을 수도 있습니다 : 0 및 여백 : 0은 들여 쓰기를 제거하려면됩니다.
목록 서식 지정 기술의 훌륭한 연습을 위해 HistCoreial을 참조하십시오.
답변
부트 스트랩을 사용하는 경우 "unstyled"클래스가 있습니다.
기본 목록 스타일을 제거하고 목록 항목 (즉각적인 어린이 만 해당)에서 왼쪽 패딩을 제거하십시오.
부트 스트랩 2 :
<ul class="unstyled">
<li>...</li>
</ul>
http://twitter.github.io/bootstrap/base-css.html#typography.
부트 스트랩 3 및 4 :
<ul class="list-unstyled">
<li>...</li>
</ul>
부트 스트랩 3 : http://getbootstrap.com/css/#type-lists.
부트 스트랩 4 : https://getbootstrap.com/docs/4.3/Content/Typography/#Unstyled.
부트 스트랩 5 : https://getbootstrap.com/docs/5.0/Content/Typography/#Unstyled.
답변
목록 스타일을 사용해야합니다. 없음;
<ul style="list-style: none;">
<li>...</li>
</ul>
답변
이전 답변에 대한 작은 세분화 : 추가 화면 라인에 엎질러지면 더 긴 줄을 더 읽을 수있게하십시오.
ul, li {list-style-type: none;}
li {padding-left: 2em; text-indent: -2em;}
답변
- 레벨에서 작업 할 수 없으면 목록 스타일 유형을 배치해야 할 수 있습니다.
- 레벨에서 :
<ul> <li style="list-style-type: none;">Item 1</li> <li style="list-style-type: none;">Item 2</li> </ul>이 반복을 피하려면 CSS 클래스를 만들 수 있습니다.
<style> ul.no-bullets li { list-style-type: none; } </style> <ul class="no-bullets"> <li>Item 1</li> <li>Item 2</li> </ul>필요한 경우 사용! 중요 :
<style> ul.no-bullets li { list-style-type: none !important; } </style>
답변
나는 UL과 Li 모두에서 목록 스타일을 사용하여 글 머리 기호를 제거했습니다.이 경우이 경우 사용자 정의 문자로 글 머리 기호를 '대시'로 바꾸고 싶었습니다.텍스트가 랩 될 때 잘 작동하는 멋지게 들여 쓰기 효과를 부여합니다.
UL.Dashed-list { 목록 스타일 : 없음 밖에 없음; } Ul.Dashed-list li : 이전 { 내용 : "\ 2014"; 왼쪽으로 뜨다; 마진 : 0 0 -27PX; 패딩 : 0; } UL.Dashed-List Li { 목록 스타일 유형 : 없음; }
- >
- 텍스트
- 텍스트 출처:https://stackoverflow.com/questions/1027354/i-need-an-unordered-list-without-any-bullets
최근댓글