1

現在、HTML 5 Web アプリの開発を練習していますが、ヘッダーを適切に配置することさえできません。

http://www.sithhappens.netにアクセスして私の意味を確認し (ページのソースを表示して HTML を確認してください)、http: //www.sithhappens.net/iphone.css にアクセス して CSS を確認してください。

「Route.me」を中央に配置し、ボタン (そこにボタンを実装するまでは単なるプレースホルダーです) を左に配置します。ありがとう。

（モバイルデバイスでウェブページにアクセスしてください）

4

3 に答える 3

2

これが正しいHTMLです。HTMLにスタイルを挿入したので、それがどのように行われるかを確認できます。秘訣は、ボタンの位置を絶対にすることです。これにより、テキスト「Route.Me」の間隔に影響を与えません。

<article>
<header><button style="
    position: absolute;
">Button</button> <div align="center" style="display: block; text-align: center;">Route.Me </div>
</header>
</article>
于 2013-01-14T06:12:40.063 に答える
1

のみ使用

<div align="center" style="margin-top:-20px;">Route Me</div>
于 2013-01-14T06:01:43.557 に答える
-1

button要素にテキストを配置する必要があり<p>ます。次のようにスタイルを設定します。

<div class="btn">Button</div>
<div align="center" class="txt" >Route.Me </div>

CSS

.btn {
    float:left;
}

.txt {
    display:block;
}
于 2013-01-14T06:14:21.777 に答える