0

モバイル Web アプリを作成しています。ページの上部には、左側に「戻る」リンク、右側にページ名がある 1 行があります。またはそうあるべきです。代わりに、ページ名が下にある戻るリンクを取得します。これが私のコードです。修正方法がわかりません。

<a style="text-decoration:none" href="resultsMap.html?radius=0&latitude=37.33&longitude=-121.85&j=true">Back</a>
<p id="name"> PageName </p>
        <hr/>
4

3 に答える 3

2

これは、段落を使用しているためです。

<p id="name"> PageName </p>

代わりにieを使用<div>し、好きな場所に配置するようにフォーマットします

このフィドルを参照してください：http： //jsfiddle.net/UQFSw/1/

于 2012-04-05T15:23:02.977 に答える
1

段落 ( <p>) はブロック レベルの要素であり、ブラウザー ウィンドウの全幅を使用するコンテナーを持ちます。これは<a>、テキスト フロー内で配置される のようなインライン要素とは対照的です。

つまり、段落は常に「新しい行」から開始されますが、アンカーは現在の行に配置されます。

リンクのすぐ右側にページ名を表示したい場合は、次のように記述できます。

<a ...>Back</a>
<span id="name"> PageName </span>

この<span>要素はインライン要素でもあります。

于 2012-04-05T15:38:39.363 に答える
1

これは、アンカー (リンク) がインライン要素で、段落がブロック要素であるためです。

ブロックレベル要素とインライン要素

インライン要素はテキストのように振る舞います。テキストの途中に挿入すると、テキストに沿って流れます。ブロック要素は、個別に指定されたセクションとして独自のスペースを取ります。

div上記のようにa を使用する代わりに、一般的なインライン要素を使用する場合は、 span.

代わりに次のようなものをお勧めします。

<div style="border-bottom:1px solid black;">
    <a style="text-decoration:none" href="resultsMap.html?radius=0&latitude=37.33&longitude=-121.85&j=true">Back</a>
    <span style="float:right;">Page Name</span>
</div>
于 2012-04-05T15:35:03.373 に答える