JavaScript

[JavaScript] 縦位置を指定する(style.verticalAlign)

投稿日:2016年11月11日 更新日:

JavaScriptで縦位置を指定するには、style.verticalAlignを使用します。

サンプルソース

例)ボタンを押すと、上寄せ/中央/下寄せにする

実行サンプル

ボタンを押すと、左寄せ/中央寄せ/右寄せ になります。

hoge
  

解説

  • .verticalAlignに文字列として'top'、'middle'、'bottom'を指定すればOKです。
  • divタグ内の文字はそのままでは縦位置を指定できません。簡単に指定するには、divタグのstyleに「display:table-cell;」を指定する方法があります。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 2つの配列を結合する(.concat)

2つの配列を結合するには、.concat()を使用します。 2つの配列を結合するサンプル 例)配列 arr1 と arr ...

[JavaScript] テキストボックスを読み取り専用にする

テキストボックスを読み取り専用にするには、readOnlyプロパティを設定します。 サンプル 例)ボタンを押すたびにテキ ...

[JavaScript] Javaが使えるかどうか判定する(navigator.javaEnabled())

Javaが使えるかどうか判定するには、navigator.javaEnabled() を使用します。 サンプルソース 例 ...

[JavaScript] 誕生日から現時点の年齢を求める

誕生日(年月日)から現時点の年齢を求めるサンプルです。 サンプルソース 例)引数に年月日を受け取り年齢を返すFuncti ...

[JavaScript] 子要素の件数を取得する(.childElementCount)

子要素の件数を取得するには、.childElementCountを使用します。 サンプルソース 例)リストの数を取得する ...

スポンサーリンク