1

幅が 100% の div があります。この中には、幅とサイズが異なる約 10 個の画像があります。これらの画像を互いにシームレスにフロートできるようにしたいのですが、これを管理しましたが、画面全体に伸びず、すべて同じ列幅にサイズ変更されています...とにかくこれを変更できるので、それらはそれぞれのサイズのままですが、お互いの周りを埋めますか?

私はこれを持っています：

.images {
   line-height:0;
   -webkit-column-count:6;
   -webkit-column-gap:0px;
   -moz-column-count:6;
   -moz-column-gap:0px;
   column-count:6;
   column-gap:0px;
   background:#545454;
   width:100%;
   display:inline-block;
}

.images img {
  width:100% !important;
  height:auto !important;
}

前もって感謝します！

4

1 に答える 1

2

columnプロパティは、列の末尾から次の列の先頭までテキスト フローが継続するように、列にテキストを設定するためのものです。それらを画像に使用することはお勧めできません。

暗黙の目標が何を意味するかによって、「これらの画像を互いにシームレスにフロートさせる」、「画面全体に伸ばす」、「それぞれのサイズのままですが、互いの周りを埋める」、img要素を次々と使用するか、それらを HTML テーブルに使用または配置するか、CSSプロパティでそれをシミュレートします。float: left table

于 2012-08-10T16:07:01.213 に答える