現在 Masonry でプロジェクトに取り組んでおり、サンプル コードを見つけました。幅を 60% ではなく 80% にしたいのですが (すべての項目がスペースなしでうまく折り返されています)、動作しません。
コードのコードを参照してください - http://codepen.io/desandro/pen/JFpIB
「52 行目」(CSS 列) の幅を「80%」に変更したいだけで、すべてのボックスをスペースなしで完全に折り返す必要があります。たとえば、3 番目のボックスをクリックすると、展開されて残ります。スペース (「60%」に設定されている場合とは異なります)?
/* Line 52 - need to change to 80% */
.item.is-expanded {
width: 60%;
height: 120px;
}
なぜこれが起こっているのか、何をすべきかの手がかりはありますか?
ありがとう