0

「SHOP NOW」を 2 つの異なる行にして中央に配置するにはどうすればよいですか?

これが私の関連コードです:

.popover{
    position: absolute;
    display: none;
    color: white;
    z-index: 1500;
    text-align: center;
    background-color: black;
    font-family: impact;
    text-decoration: none;
    font-size: 50px;
    opacity: .8;
}
.pb1{
    bottom: 10px;
    width: 260px;
    height: 238px;
}

<div class="popover pb1" ><br/>SHOP NOW</div>
4

2 に答える 2

1

次のスタイルを追加します

.pb2{
    margin-top: 50px;
}

内容をこんな感じに変更

<div class="popover pb1" >
    <div class="pb2">SHOP<br /> NOW</div>
</div>​
于 2012-11-26T01:01:25.610 に答える
1

spanタグを追加します。ここで解決策を確認してください。

于 2012-11-26T00:19:20.590 に答える