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] 画像の元サイズを取得する(.naturalWidth/.naturalHeight)

imgタグに縮小/拡大表示された画像の元サイズを取得するには、.naturalWidth/.naturalHeightを ...

[JavaScript] 履歴を残さずページ遷移する(location.replace)

戻るボタンで戻れないようにして画面遷移するには、location.replaceを使用します。 サンプルソース 例)ボタ ...

[JavaScript] ウィンドウを最前面にする(window名.focus())

ウィンドウを最前面にするには、window名.focus() を使用します。 サンプルソース 例)ボタンを押すと、サブウ ...

[JavaScript] 一定時間後に処理を実行する

一定時間後に処理を実行するには、setTimeoutを使用します。 サンプル 例)5秒後に処理を実行する [crayon ...

[JavaScript] URLのホスト名とポート番号部分を取得する(location.host)

URLのホスト名とポート番号部分を取得するには、location.hostを使用します。 サンプルソース 例)現在のペー ...

スポンサーリンク