0

私は次のhtmlを持っています:

<html>
<head>
<style type="text/css">
dt
{
clear:left;
float:left;
padding-right:50px;
}
</style>
</head>
<body>
<dl>
<dt>First Answer</dt>
<dd>Dog</dd>
<dt>Second Answer</dt>
<dd>Cat</dd>
</dl>
</body>
</html>

あなたがそれを実行すると、犬と猫は整列しません。DogとCatの最初の文字を並べたいと思っていました。

これを達成するためにこれをスタイルする方法を知っている人はいますか?

むしろ、テーブルを使用しないでください。

4

2 に答える 2

2

dt要素に固定幅を設定できます。

dt
{
clear:left;
float:left;
width:200px;
}
于 2012-08-27T00:01:24.383 に答える
0

これが更新された HTML/CSS です

<style type="text/css">
dt{
    clear:left;
    float:left;
    padding-right:50px;
    width:200px;
}
</style>
<body>
    <dl>
       <dt>First Answer</dt>
       <dd>Dog</dd>
       <dt>Second Answer</dt>
       <dd>Cat</dd>
       </dl>
</body>

これは更新されたコードです...

于 2012-08-27T05:56:25.117 に答える