Q&A
<html>
<head>
<title> パイロット </title>
</head>
<body>
<center>
ゼクス
<span style = "font-size:16pt;">
トールギスⅢ
</span>
</center>
</body>
</html>
このような初歩のHTMLなのですが、この状態では、画面1番上中央に「ゼクス トールギスⅢ」と表示されています。これをブラウザ中央画面で表示させたいのですが、<center></center>ではなく、<div aligen="center">で囲って、更にそれを縦軸のvalignで囲ってみても、微妙に行が空くだけで、ど真ん中に表示されません。ネットでも探してみたのですが、自分の探し方が悪いらしく、参考ソースが見当たりませんでした。超初級のしょうもない質問ですが、教えて頂けると幸いです。よろしくお願い致します。
回答2件
0
ベストアンサー
google で "html 画面中央" を検索すればいろいろな情報がえられます。
- CSSで要素を画面中央に配置する方法 http://htdsn.com/blog/archives/css-center-position.html
- HTML 要素を画面の中央に表示する http://qiita.com/and8-tamura/items/89000579869f1770a2cf
- 画面の中央にテキストや画像を表示する方法 http://www5e.biglobe.ne.jp/access_r/hp/html/html_014.html
![イメージ説明]WIDTH:397
投稿2015/01/15 23:55
総合スコア22324
0
要素は以下のものがあるの最初の、CSSは中央にテキストを配置します。
lang
1text-align: center; 2vertical-align: middle;
その後、フルスクリーンサイズへの要素とすることが、上記のCSSは反対画面の位置に反映される。
lang
1display: block; 2height: 100%; 3width: 100%;
あなたはこれらを考えるように次のようになり
lang
1center { 2 display: block; 3 height: 100%; 4 width: 100%; 5 text-align: center; 6 vertical-align: middle; 7}
投稿2015/01/16 09:47
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/01/18 22:46