前回からの続きで、読者には全くどうでもいい年月別アーカイブの「CSSのBOX」によるレイアウト調整備忘録。これまでもCSS BOXには幾度となく助けられてきたのですが、毎度の事ながらその設定方法を全く憶えていません。そこで今回はきっちりメモっておこうと思います。無駄に縦長にズラーッとリストされていたアーカイブ一覧を、横方向にも並べてコンパクトに。スクロール移動も少なくて済みますし。
年月別アーカイブのCSS BOX部分抜粋（Mac版）
#archive-box {
display:-webkit-box;
display:-moz-box;
width: 800px;
height: auto;
font-family: "Hiragino Kaku Gothic Pro";
margin: 0px auto 0px 0px;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-border-radius: 0px;
background-color: #ffffff;
border: solid 0px #ccc;
}
#archive-box #Box01 {
width:200px;
background-color: #f3f3e4;
margin: 20px 20px 20px 20px;
padding: 20px 10px 0px 10px;
border: solid 0px blue;
}
#archive-box #Box02 {
width:200px;
background-color: #f3f3e4;
margin: 20px 20px 20px 20px;
padding: 20px 10px 0px 10px;
border: solid 0px blue;
}
#archive-box #Box03 {
width:200px;
background-color: #f3f3e4;
margin: 20px 20px 20px 20px;
padding: 20px 10px 0px 10px;
border: solid 0px blue;
}
ただ、こうやって一覧にすると、昔から全く進歩してないな…というのが丸分かりで絶望する。
2015-11-02 ＞ VPS＆WordPress引っ越しメモ