-2

我对此和编码很陌生。请帮忙!我准备挖出我的眼睛。

我正在尝试将消息置于页面中心。上面写着“欢迎来到蜡染别墅”。该页面将使用两种语言,英语和缅甸语。我想包含一个在页面之间交换的链接。我希望“欢迎来到蜡染别墅”居中,英语/缅甸语链接位于其右侧。我不希望它在较低的线上。我一直在寻找几个小时,但我无法弄清楚。

这是我的文字。

<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/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 回答
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 回答
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 向左浮动。为按钮再创建一个 div 并将其浮动。

<div style="float: right;">
<a href="b"> English </a>  
<a href="a"> Myanmar </a>
</div>
于 2013-03-29T03:48:59.363 回答
0
  1. 对于#Jim,删除display: inline,(使其默认为display:block);这会自动占据其容器的宽度。然后给它text-align: center
  2. 对于p,指定display: inline,以便它不会将链接向下推到新行上。

整体代码可以在jsFiddle看到。

于 2013-03-29T03:52:19.900 回答