imgres

display:inline-blockで中央寄せの高さ可変

</p>

<p>&lt;style&gt; #wrap{ min-width:410px; text-align: center; height: 300px; background: #e2e2e2; } #wrap:before{ display: inline-block; vertical-align: middle; content: &quot;&quot;; height:100%; margin-right: -0.25em; } #inner{ display: inline-block; vertical-align: middle; width: 200px; padding: 10px 15px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=&quot;wrap&quot;&gt; &lt;div id=&quot;inner&quot;&gt; &lt;p&gt;ふぁふぁふぁふぁふぁ&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; 

(Visited 1 times, 1 visits today)

コメントを残す

メールアドレスが公開されることはありません。