cssでセンタリングが効かない時

cssでセンタリングが効かない時
何をやってもセンタリングが効かないことがありました

左の端からビクともしない
そのガンコちゃんは、画像 imgでしたが
bootstrapを使っていたので
最初から
center-blockは入れていましたが
ずっと左端から動かず

せっかく
bootstrapなので
マージンをサイズ指定せず
col内で真ん中だと見やすいかなと思ってやってみたのですが

colの幅を変えたりしてもダメ

classに
text-center
追加だめ

align-center
直接書いても、ダメ

試しに外枠を指定して
margin:0 auto;
試してもダメ

おかしい?

基礎の基礎まで戻って
text-alignが効く効かないの
ブロック要素とインライン要素の違いまでさかのぼって
検索しました

どうもおかしいので
cssを再度見直し・・・見直し。。。

効かなかった理由発見!

コピーした
枠内imgのスタイルに
なんと
float:left;が入っていた!

前に使ったcssをコピーして色だけ変えるとかやっていると、陥りやすいかも

教訓
センタリングが効かない時は、
floatが入っていないかよくもう一度調べてみよう!

と、改めて思いましたっ

スポンサーリンク
広告
広告

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
広告