1

私はCSS 3を初めて使用しますが、テンプレートに従ってデザインしようとするとcssと混同します

テンプレートの私のタイトル css の例は次のようになります。

Tシャツ---------------------------もっと----

ただし、タイトルが長すぎる場合

子供用Tシャツ ----------------------------------詳細----

私の国境も長くなります。タイトルでボーダーの自動修正が必要です。つまり、タイトルが長すぎると、ボーダーが幅で修正されます。

例私の幅は700px;タイトルがデータベースからロードされ、私の境界線の幅は550px;

タイトルが

Tシャツ---------------------------もっと----

タイトルが長すぎると境界線が修正されます

子供用Tシャツ------------------もっと----

このような

どうすればいいですか？

4

2 に答える 2

1

を再実装しようとしているかのように聞こえます<fieldset>。

于 2012-05-20T20:34:19.717 に答える
0

あなたのhtml構造がどのようなものかわかりませんが、これを試してください...

<div id="main">
    <span class="title">Tshirt</span>
    <span class="more">more</span>
</div>

あなたのCSS

#main {position: relative; border-top: 2px solid #000; width: 700px;}

.title {position: absolute; top: 0; left: 0; margin-top: -10px;}

.more {position: absolute; right: 20px; top: 0; margin-top: -10px;}

これが役に立てば幸いです..「上、左、右、およびマージントップ」を変更することで移動できます。

于 2012-05-20T08:40:52.427 に答える