-3

DIV と SPAN を使用して次のようにテキストを揃えたいのですが、できませんでした:

ABC1 ABC2
XYZ1 XYZ2

内部 CSS を含む私の HTML は次のとおりです。

<html>
<head>
<title> This is Page Title </title>
<style>
 span {display:block;}
 div {display:inline;}
</style>

</head>
<body>

<div class="x">
<span class="a">ABC1</span>
<span class="a">XYZ1</span>
</div>

<div class="y">
<span class="b">ABC2</span>
<span class="b">XYZ2</span>
</div>

</body>
</html>

その出力は次のとおりです。
ABC1
XYZ1
ABC2
XYZ2

助けていただければ幸いです、ありがとう。

4

4 に答える 4

1

このjsFiddleの例を試してください

.x {
    float:left;
}
span {
    display:block;
}
​
于 2012-10-02T14:31:19.447 に答える
0

jsフィドル

.x{
 width:50px;
float:left;
display:inline:block;
}
.y{
 width:50px;
float:left;
display:inline:block;
}
于 2012-10-02T14:36:05.723 に答える
0

CSS を次のように変更します。

<style>
   span {display:block;}
   div {display:inline; float:left}
</style>  
于 2012-10-02T14:32:20.400 に答える
0

このようなdiv インライン ブロックを作成してみてください。

于 2012-10-02T14:29:53.170 に答える