2009-07-12 7 views
0

La partie de l'élément dans la largeur que j'ai nommé est dans l'état actuel, il est commencé une nouvelle ligne sur le chemin. Comment briser la ligne par chaque unité d'élémentComment casser la ligne par chaque unité d'élément

<!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> 

Répondre

1

Je ne sais pas si cela est ce que vous entendez mais vous pouvez utiliser les balises <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

Utiliser la liste non ordonnée au lieu de cela!

  • élément
  • élément
  • élément
  • élément

Si vous explicite voulez un saut de ligne, annoter un br, ou affichage réglé: bloc paramètre css 'a' tags.

.sample a{ 
     display: block; 
} 
+0

Une liste est la meilleure solution, mais l'OP ne veut probablement pas de points de balle ou indentation, auquel cas vous devez ajouter 'la liste de style: none sur l'élément 'li', et' padding: 0' sur l'élément 'ul'. – DisgruntledGoat

2

Utilisez display: block pour <a>:

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

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

Convertir les éléments <a> dans le bloc. Les éléments de bloc se briseront à moins d'être flottants.

Ajouter ceci dans votre CSS ou style:

a { display: block; } 
Questions connexes