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] 配列の最後に要素を追加する(.push)

配列の最後に要素を追加するには、.push()を使用します。 サンプルソース 例)配列の末尾に要素を追加してコンソールに ...

[JavaScript] cookieから値を取得する

cookieから値を取得するサンプルです。 cookieから値を取得するサンプル cookieから値を取得するには、例1 ...

[JavaScript] 10進数のRGB表記で色を指定する

10進数のRGB表記で色を指定するサンプルです。 サンプルソース 例)要素「id="d1"」の背景色を黄色にする [cr ...

[JavaScript] サブウィンドウを開く(window.open)

JavaScriptでサブウィンドウを開くには、window.open()メソッドを使用します。 サンプルソース 例)幅 ...

[JavaScript] 要素をHTML形式でコンソールに出力する(console.dirxml)

要素をHTML形式でコンソールに出力したい場合は、console.dirxmlを使用します。 サンプルソース 例)要素( ...

スポンサーリンク