[html][css]vertical-align:middle;が効かないときの解決策まとめ
まず、vertical-align:middle;は子要素に継承されません。 middleにしたい要素にはひとつずつ書く必要があります！！ そして、vertical-align:middle;はインライン要素にしか効きません。 インライン要素とは、つまり以下のタグ。 <a>、<b>、<font>、 <span>、<img>、<input>、<label>、<select>、<textarea> <basefont>、<br>、<em>、 <i>、<s>、<small>、<strong>、<sub>、 <sup>、<u> <abbr>、<acronym>、<bdo>、<big>、 <cite>、<code>、<dfn>、<kbd>、<q>、 <samp>、<strike>、<tt>、<var> 要するに、<div><p>には効かないということです。 衝撃の事実。 ■ブロックレベル要素の場合は
[html] <form>タグ 改行させない 改行されてしまう
<form>タグって改行したくないのにされちゃうんだね。 まるでdivみたい。それよりタチ悪い。その解決法。 form {display:inline;} を使うといいらしいんだけど、今回はその外側のdiv(p)にもdisplay:inline;してあげないとダメだったよ。 ■ だめなソース 改行は <form action="javascript:width_input();" > <input type="number" name="num" value="50"></input> <input type="submit"></input> </form> したくないのに ■ だめな結果 ■ 改行されないソース(される時もある） 改行は <form action="javascript:width_input();" style="display:inline;"> <input ty
![[html] <form>タグ 改行させない 改行されてしまう](https://cdn-ak-scissors.b.st-hatena.com/image/square/f9e2378bc8be24ba68c6f5710ba6634da507d8c0/height=288;version=1;width=512/http%3A%2F%2Flivedoor.blogimg.jp%2Fqoozy%2Fimgs%2F6%2Fc%2F6c6c35d8.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
