2009-07-12 4 views
0

내가 지정한 폭의 요소 부분이 현재 상태로, 도중에 새로운 줄이 시작됩니다. 이것은 당신이 무엇을 의미하는지 경우 어떻게각 요소 단위로 줄을 끊는 방법

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> 
<title>no title document</title> 
<style type="text/css"> 
<!-- 
.sample { 
    width: 220px; 
} 
--> 
</style> 
</head> 
<body> 
<div class="sample"> 
<a href="#">aaaa</a> 
<a href="#">bbbb</a> 
<a href="#">cc</a> 
<a href="#">ddddd</a> 
<a href="#">eee</a> 
<a href="#">fff</a> 
</div> 
</body> 
</html> 

답변

1

확실하지 각 요소 단위로 라인을 깰하지만 당신은 <br/> 태그

대신의
<body> 
<div class="sample"> 
<a href="#">aaaa</a><br/> 
<a href="#">bbbb</a><br/> 
<a href="#">cc</a><br/> 
<a href="#">ddddd</a><br/> 
<a href="#">eee</a><br/> 
<a href="#">fff</a><br/> 
</div> 
1

를 사용하여 정렬되지 않은 목록을 사용할 수 있습니다!

  • 요소
  • 요소
  • 요소
  • 요소

LINEBREAK을 원하는 명시 적으로 당신이하는 BR 설정하거나 표시 마크 업 경우 : 'A'태그 블록 CSS의 매개 변수를.

.sample a{ 
     display: block; 
} 
+0

목록이 최선의 해결책이지만, 영업 이익은 아마 당신이 목록 스타일'추가 할 필요가있는 경우에 글 머리 기호 또는 들여 쓰기를 원하지 않습니다 none '을'li' 요소에,'padding : 0'을'ul' 요소에 추가합니다. – DisgruntledGoat

2

사용 display: block<a>을 위해 :

<!-- 
    .sample { 
     width: 220px; 
    } 

    .sample a { 
     display: block; 
    } 
--> 
0

블록에 <a> 요소를 변환합니다. 블록 요소는 부 풀리지 않으면 끊어집니다.

당신의 CSS 또는 스타일에이 추가 :

a { display: block; } 
관련 문제