各要素単位で行を分割する方法

指定した幅の要素部分が現在の状態で、途中で改行が開始されます。各素子部各要素単位で行を分割する方法

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

出典

2009-07-12 freddiefujiwara

ない、これはあなたが何を意味するかであるかどうかわからによってラインを破るが、あなたは<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>

出典

2009-07-12 13:04:07 AutomatedTester

これに代えて使用順不同リストを使用することができますどのように！

要素
要素
要素
要素

明示的に改行をしたい、BRをマークアップ、または表示に設定した場合： '' タグにブロックCSSパラメータを。 <a>ため

.sample a{ 
     display: block; 
}

出典

2009-07-12 13:05:12 erenon

リストは最善の解決策ですが、OPはおそらく、あなたは 'リストスタイルを追加する必要があり、その場合に箇条書きまたはインデントを、望んでいません。 'li'要素には' none'、 'ul'要素には' padding：0'があります。 – DisgruntledGoat

使用display: block：

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

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

出典

2009-07-12 13:06:18

ブロックに<a>要素を変換します。ブロック要素は、フローティングされていなければ壊れます。

あなたのCSSやスタイルにこれを追加します。

a { display: block; }

出典

2009-07-12 13:06:27

各要素単位で行を分割する方法

答えて

関連する問題