和の縦書きサイトを作ったのですが、和食という画像が左右真ん中に来ません。
http://codepen.io/anon/pen/kkRPPP
/* Fluid-image /
img {
max-width: 100%;
height: auto;
vertical-align: bottom;/ imgの下に隙間があかないようにする */
}
vertical-align: bottom;を削除したり
この直下にmiddleを入れると真ん中に来ます。
しかし他も影響するので、i㎎以外のところで、何とかしないと関係ないところまで影響を受けます。
もちろん下記のようにもしてみましたが、それでも上記でないと中央ぞろえになりません?
img.firefox-va-m {
vertical-align: middle !important;
}
縦ぞろえなのでvertical-aline:bottom;が下ではなく左右のどちらかになっているので左ぞろえなどになってしまっているのでしょうか?
インスペクタ上で下記のようにいろいろつけてもダメでした。
element.style {
vertical-align: middle;
margin: auto;
text-align: center;
}
回答1件
あなたの回答
tips
プレビュー