-2

私はこれとコーディングが初めてです。助けてください！私は目をえぐる準備ができています。

ページの中央にメッセージを配置しようとしています。「バティック ヴィラへようこそ」と書かれています。このページは、英語とビルマ語の 2 つの言語で表示されます。ページ間を切り替えるためのリンクを含めたい。「Welcome to Batik Villa」を中央に配置し、英語/ビルマ語のリンクをその右側に配置します。下のラインにはしたくない。私は何時間も探していましたが、それを理解することができません。

これは私のテキストです。 

<div id=Jim; style="font-family: Georgia;
display:inline">

<p style="border: blue groove;
margin: 0;
margin: auto; 
text-align:center;
color:black;
background-color: white; 
width: 600px;
border-width:10px;">

Welcome to Batik Villa!
</p>
</div>

<a href="b"> English </a>  
<a href="a"> Myanmar </a>

</body>
</html>

助けてください！またはそれが不可能かどうか教えてください！

4

5 に答える 5

1

このようなことを意味していますか、それとも何か不足していますか?: http://jsfiddle.net/SUxmb/1/

div.wrapper{
    margin:50px auto;
    width:250px;
    background:#ddd;
    padding:20px;
    overflow:hidden;
}

div#welcome{
    float:left;
}

div#lang{
    float:right;
}

または、「xyz」と表示された境界線のある中央のテキスト ボックスが必要な場合は、http://jsfiddle.net/SUxmb/8/を使用します。同じ行にありますが、右にずれています (中央に配置されておらず、同じボックスまたは境界線内にありません)。

div#welcome {
    margin:50px auto;
    width:250px;
    background:#ddd;
    position:relative;
    height:50px;
    line-height:50px;
    text-align:center;
}

div#lang {
    position:absolute;
    background:#ccc;
    left:100%;
    top:0px;
    height:50px;
    padding:0px 20px;
}

div#lang a{
    padding:0px 5px;
}
于 2013-03-29T03:51:58.743 に答える
1

http://jsfiddle.net/pD5Vw/1/

<div id=Jim; style="font-family: Georgia;">

<p style="border: blue groove;
 margin: 0;
 margin: auto; 
 text-align:center;
 color:black;
 background-color: white; 
 width: 70%;
 float:left;
 border-width:10px;">
 Welcome to Batik Villa!  
</p>
 <span style="float:right; display:inline-block; padding-top:5px;"><a href="b"> English       </a>  
 <a href="a"> Myanmar </a></span> 

</div>
于 2013-03-29T03:48:22.167 に答える
0
  1. の場合#Jim、 を削除display: inlineします (デフォルトを にしますdisplay:block)。これにより、コンテナの幅が自動的に占有されます。それからそれを与えますtext-align: center。
  2. にはpを指定display: inlineして、リンクを新しい行に押し下げないようにします。

全体のコードはjsFiddleで見ることができます。

于 2013-03-29T03:52:19.900 に答える
0 
<center>
<a href="b"> English </a>  
<a href="a"> Myanmar </a>
</center>

???

于 2013-03-29T03:44:37.550 に答える
0

div id="Jim" の場合、幅を 60% に設定し、text-align: right を使用します。これにより、テキストが中央に配置され、div が左にフロートします。ボタン用にもう 1 つ div を作成し、右にフロートします。

<div style="float: right;">
<a href="b"> English </a>  
<a href="a"> Myanmar </a>
</div>
于 2013-03-29T03:48:59.363 に答える