1

Kirby CMS を使用してサイトを構築しています。ユーザーがコンテナーの 50% の画像をページに配置し、左に浮かせる必要があります (そのため、2 つ目の 50% の画像が横に表示されます)。 .

私はほとんどそれを機能させました-画像は横に並んでいますが、マージンを追加すると、2番目の画像はもちろん新しい行に移動します. 私が使用したのでbox-sizing: border-box、パディングを使用してそれらの間にスペースを作成し、それらを1行に保つことができますが、画像にはパディングで拡張される境界線と影があります.

このコンテンツは管理パネルを介してユーザーが生成したものであるため、各画像を独自の div (通常はパディングを適用できる場所) に明示的にラップすることはできません。これで行くことができる別のルートはありますか?

ありがとう!

4

1 に答える 1

1

Flauwekeulが述べたように、マイナスのマージンがうまくいきました。

img.half {
    float: left;
    max-width: 50%;
    margin-right: 20px;
}
img.half:nth-child(even) {
    margin-right: -20px;
}
于 2013-02-12T21:48:24.423 に答える