0

このフィドル: http://jsfiddle.net/e3Ggh/は、私の問題が何であるかを示しています: 内容が異なっていても、div の境界線を同じサイズにする必要があります。ただし、明示的なサイズを使用せずにこれを行う必要があります (div またはその親に明示的なサイズを指定する必要はありません)。
HTML:

<div id="texte">
            <div>
                <p>"Lorem ipsum dolor sit amet [...]"</p>
            </div>
            <div>
                <p>At vero eos et accusamus[...]</p>
        </div>
    </div>

CSS:

        #texte{
            width:100%;
        }
        #texte>div{
            width:30%;
            display:inline-block;
            border: 1px solid black;
            vertical-align: top;
        }
        #texte>div>p{
            width:90%;
            margin: auto;
            display: block;
        }
4

3 に答える 3

2

そのようにそれらを表のセルにします

http://jsfiddle.net/e3Ggh/3/

#texte {
    display: table;
    width: 100%;
    border-spacing:10px;
}

#texte>div{
   width:30%;
   display:table-cell;
   border: 1px solid black;
   vertical-align: top;
}

これにより、それがどのように機能するかがわかります。必要に応じてさらにスタイルを設定できます

于 2013-09-24T19:26:02.683 に答える