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] タグ名からオブジェクトを取得する

タグ名からオブジェクトを取得するには、 document.getElementsByTagNameを使用します。 サンプ ...

[JavaScript] class名からオブジェクトを取得する

タグに付けられたclass名からオブジェクトを取得するには、 document.getElementsByClassNa ...

[JavaScript] 数値チェックを行う

指定された値が数値かどうかをチェックするサンプルFunctionです。 サンプルソース 例1)値が数値かどうかチェックす ...

[JavaScript] サブウィンドウから親ウィンドウを参照する(window.opener)

サブウィンドウから親ウィンドウを参照するには、window.openerで参照できます。 サンプルソース 例)子画面(s ...

[JavaScript] HTML内の文字を動的に変更する(innerText)

HTML内の文字を動的に変更するには、innerTextを使用します。 HTML内の文字を動的に変更するサンプル 例)i ...

スポンサーリンク