この仕事始めて一年半弱。コーディングで詰まりました。新しい方法どうしてこうなるのか参考サイト従来の方法さて、画像の上下中央揃えをしたいのですが、これにハマりました。HTMLの方を自由に調整できるなら、以前の記事で書いたやり方をすれば堅実です。親要素{display:table;}子要素{display:table-cell;vertial-align:middle;}孫要素{display:block;margin:auto;width:適当に;height:適当に;}(又は子要素にtext-align:center、孫要素にdisplay:inline-blockでもok)が、これができない場合がある。コーディングが終わっているものを弄る場合、変にhtmlを弄るとスタイルが大幅に崩れる、なんてことはザラ。できるだけCSSで済ませたいのに、親要素と子要素で終わってしまっていて、しかも子要素がimgタグなんかだったりするともうこの方法は使えません。親要素{line-height:親要素の高さと同じpx;}子要素{vertical-align:middle(display:inline-block;)}僕は最近までこの方法を使っていたのですが、これができるときできないときがあるのが悩みでした。IEだと他ブラウザでできていてもできないときがある。今回も上述の方法を使っていたのですが、これが効かない。親要素のline-heigthが上手く効いてくれない場合があるっぽいんですよね。auto;width:適当に;height:適当に;}え、こんな方法でできんの?というのが初見での率直な感想。えになるではないですか。これ、応用すれば左右中央下揃えとか、上下中央右揃えとか、色々できるらしい。左右は余白を均等に割り付けるが、上下はmargin:0;と同じになる。設定すると、上下左右ともにmarginは余白を均等に割り付ける。つまるところ、上述のtop等の数値は同じなら何でも良いと言えます。この辺詳しくは↓のサイト様を参照で。参考サイト今回のコードを教えてくださったサイトはこちら。】CSSでblock要素を上下左右中央寄せにする、イマドキの方法。原理を解説してくださったサイトはこちら。(0)FacebookTwitterLINEGoogle+←前の記事ブラウザバックしたらjs(jQuery)のイベントが起こってくれないとき、こうすると解決するかもしれない。floatなボタンを下揃えしようとしたら思いのほか苦戦した話。css)filter:drop-shadow()を複数適用するselectタグ、中身が半角と全角の場合で位置がズレる問題。select要素を「できれば」右揃えしたかったメモ。CSSで円錐台を作りたい。CSSだけで要素を裏返すアニメーションを実装する自家製パンチェッタ、燻製して自家製ベーコン。一度やったら市販品には戻れない!と聞くのでやってみたところ、感想は「それはいつもスーパーのやっすいベーコン食ってる奴の感想だな」だった話。割高といえばそうだが、作りたてでなくとも専門店の無塩せきベーコンが一番だ。闘うfilter:drop-shadow()を複数適用するOfiice2010画像挿入時に「このファイルのインポート中にエラーが発生しました」Amazon商品のProductTypeを調べたい話。jsの連想配列をソートしたかった話。RPGの「敵組織」って大別すると4パターンくらいな話。創作ど素人考察WP5.2.3でquery_posts()やwp_reset_query()が本格的に死んだんだね。脱プラグイン?ぱんくず関数を作ってみる。maxlength属性みたいにinputでバイト数制限するselectタグ、中身が半角と全角の場合で位置がズレる問題。●お問い合わせ○d66をいっぱい振ってくれるツール人気エントリー[Excel]ファイルの破損が深刻なので修復できません。ファイルが保存できないメモExcel慣れしてる人がハマる、googleスプレッドシートの「解析エラー」ブラウザバックしたらjs(jQuery)のイベントが起こってくれないとき、こうすると解決するかもしれない。YMMで作成したファイルをAviUtlにエクスポートするときの初歩的なトラブル対策SQLでJOINするカラムを条件分岐させようとした話inputに半角だけ入力させたいよく陥る「シンボルを見つけられません」の原因覚え書き[MySQL]複数行のUPDATEを1回のSQL実行で済ませたい。[MySQL]warning1292が出たので困ってたらすっごいケアレスミスだった話。厨二心を忘れられないプログラマー見習いのブログ。javaWebwebの話。過去記事はWordPress多め。この頃はPHPメイン。C++TRPGTRPGの話。充実させたい(切実)。Game,Taleゲームや漫画、小説などの感想や語り。更新頻度が非リアぶりを物語る。Otherその他の話題。どこに突っ込むか悩んだ記事が行き着く場所。