css:list-style-type 속성이 종종 작동하지 않는 이유는 무엇입니까?-CSS 튜토리얼-php.cn

css:list-style-type 속성이 종종 작동하지 않는 이유는 무엇입니까?

黄舟

풀어 주다： 2017-06-29 13:47:28

원래의

3315명이 탐색했습니다.

IE6에서 list-style-type:disc를 설정하면 다음 코드와 같이 단색 점이 나타나야 하지만 나타나지 않습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>处理IE的列表BGU</title>
</head>
<style type="text/css">
ul{list-style:disc outside;width:350px;height:auto;}
ul li{width:350px;line-height:30px;}
</style>
</head>
<body>
<ul>
<li>酷站代码1</li>
<li>酷站代码2</li>
<li>酷站代码3</li>
<li>酷站代码4</li>
<li>酷站代码5</li>
</ul>
</body>
</html>

로그인 후 복사

원인: list-style-position: Outside; 속성으로 인해 발생합니다.

왼쪽 플로트는 박스 모델을 가로로 하나씩 연습하게 됩니다.

목록 기호의 위치가 상자 모델 외부에 있으므로

두 번째 목록 항목의 기호가 첫 번째 목록 항목에 가려집니다

추가 적용 float: left; 속성도 LI 요소를 비정상적으로 만듭니다.

해결책: list-style-position:outside;를 list-style-position: inside로 변경하거나 부동 설정을 제거하세요.

위 내용은 css:list-style-type 속성이 종종 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!