8

1 ピクセルの境界線が 2 ピクセルにならないようにする方法はありますか? そして、2つの辺に境界線を付けることができることはわかっていますが、divの1つの端には境界線がありません。ちなみにjQuery Masonryを使っています。

4

2 に答える 2

8

はい、右側のdivは次のようになります

     border: 1px solid #fff;
     border-left: none;

2番目のborder-leftは、そこに置かれた左の境界線を上書きします

編集：

わかりました、あなたはjQuery masonaryを使用しているので、このようにしてください

            .container {
              width:50px;
              height:80px;
              border:1px solid black;
              margin-right: -1px;
              margin-bottom: -1px;
              }

私が言及したオーバーラップ方法が機能します

于 2012-08-27T00:22:31.877 に答える
2

レイアウトはコンテナーの幅に依存するため、ボーダーとマージンを組み合わせることは (border-box であっても) 注意が必要です。Masonry とスタイルによって配置された要素に子を追加することをお勧めします...

.container .post {
   float: left;
   width: 240px;
}

.container .text {
    outline: 1px solid #999;
    padding: 10px;
    margin: 0 1px 1px 0;
}

outline境界線を div の「外側」に表示して、重なりやすくします

http://jsfiddle.net/4xmUY/

（たまたまこの回答を使用した場合は、スコットの回答を受け入れてください。これは彼の回答に対するコメントである必要がありますが、説明がそこに収まりません）。

于 2012-08-27T01:07:44.343 に答える