0

CSSでこのようなものを取得したいと思います。

ここに画像の説明を入力

左の四角形のテキストは、'5' のようないくつかのテキストで (垂直方向および水平方向に) 中央に配置する必要があります。ストライプには改行のあるテキストが含まれていますか?

アップデート

答えてくれてありがとう、あなたは素晴らしいスキルを持っています。

固定高さは使えません。上部と下部の div のコンテンツは動的であり、左側の div はグレー ボックスの幅 (上部と下部のコンテンツによって異なります) に従って大きくなる必要があるためです。また、画像のボックスはテーブル行のようなもので、多くの1つです..

テーブルの代わりに div を使用することをお勧めしますが、それだけの価値はありますか? 私はずっと前にテーブルでそれをやっていただろう..しかし、divではそれは不自然なもののように見え、私は怒っている. :(

4

3 に答える 3

2

このDEMO http://jsfiddle.net/enve/PCNQd/3/のようなものを試してください

すべてのブラウザーと互換性があります (テスト済み: IE6+、Chrome、Mozilla、Opera)。

于 2012-08-15T14:02:39.943 に答える
1

ここを見てください：http ：//result.dabblet.com/gist/3360364/5e1586c78583dc31a495455e62327262c5ff2091

垂直方向の配置も中央に配置されていることに注意してください。

于 2012-08-15T13:56:54.110 に答える
1

これは、それを行う方法の非常に基本的な例です。もちろん、質問の他の部分を行う必要がありますが、それはあなたにベースを与えます:)

http://jsfiddle.net/qp26m/

于 2012-08-15T13:53:40.553 に答える