高さのない2つの列の境界線

2つの列があり、それらの間に線を追加する必要があります。これは1pxソリッドカラーですので、私はこれをCSSで実現したいと思います。 そのトリックは、内容が動的に読み込まれるため、場合によっては左の列がより多くのテキストを持つことができ、時には右の列がより多くのテキストを持つことがあります。もちろん、coulmnのサイズが常に同じであれば、私は大きなものに境界線を追加します。しかし、不幸にも私はしません。

だから、これを達成する方法があるのですか、それともPHPや多分strlenや何かと組み合わせる必要がありますか?

You can find simple code for this problem here http://jsfiddle.net/M9TSs/

6

2 答え

これを行う1つの方法は、両方に境界線を設定し、境界線が重なるように右の列を引っ張るために1pxのマイナスのマージンを使用することです。

http://jsfiddle.net/7GCff/

11
追加された
どういたしまして! :)
追加された 著者 brianreavis,
Omg、私の心の中には思ったほどのフラッシュがありましたが、私はこれをキャッチしませんでした。ありがとうございました。これです。私はjsを使いたくない場合は使用したくありません。ありがとう:o)
追加された 著者 Kokers,
@brianreavisこれは古いですが、なぜこれは人々がこれ以外の方法で行うのですか?これは純粋な金で、なぜ我々がこれを行うことができるときにテーブルセルを扱うのですか?大好きです。
追加された 著者 Darius,
ハハ、素敵なアプローチ。
追加された 著者 Calin Paul Alexandru,

私はすでにこれをJQueryを使って解決しました...

私はこのコードを使用し、それは素晴らしい仕事をした。

function equalHeight(group) {
    var tallest = 0;
    group.each(function() {
        var thisHeight = $(this).height();
        if(thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
    group.height(tallest);
}

Source : http://www.cssnewbie.com/equal-height-columns-with-jquery/

すべての列を最長と同じ高さにします。

1
追加された