アプリケーションでインラインの順序付けられていないリストを作成しています。このリストの最初の項目は、そのテキストをリストの一番上に垂直に配置し、その右に親<ul>要素の 100% の高さに伸びる垂直線を表示する必要があります。1 は最初のリスト項目です。 2 は秒を表します。
1 | 2
| 2
| 2
| 2
上記の例のように表示されない私のコードの骨抜きの例を次に示します: http://jsfiddle.net/spryno724/hSpvr/1/。線が 100% の高さになるように CSS を調整してもらえますか?
120px他のリスト項目の高さは異なる場合があるため、 などの特定の高さの使用は避けたいと思います。
お時間をいただきありがとうございます。
You could use the property display: table-cell; instead.
http://jsfiddle.net/sg3s/hSpvr/6/
No support in IE7 though. ( http://caniuse.com/#search=table-cell )
If you need a different way, I don't think there is one (not anything that gracefull anyway).
As a side note, the pseudo selector :first-child works in IE7+ so you don't need that first class.
最初の項目で絶対配置を使用するか、2 番目の項目で左ボーダーを使用する必要があります。'height: 100%' のようなルールは、ul に明示的な幅がない限り機能しません。