クリエイター:コーディング備忘録ブログ

コーディング

自動計算でマージンを開ける

割り切れない数字に対して、calcで自動計算出来ます。
width: calc(98% / 3);で残りの98%を3分割します。
両端にマージンを入れたくない時などに使うと便利です。

  • てすと
  • てすと
  • てすと

.test {
list-style: none;
padding: 0;
overflow: hidden;
zoom: 1;
}

.test li {
background: #222;
margin-right: 1%;
height: 30px;
float: left;
width: calc(98% / 3);
}

.test li:last-child {
margin-right: 0;
}

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP