如何在中心找到链接

时间:2012-07-17 06:48:48

标签: html

我正在尝试的是在中心找到链接,即假设我们有以下代码

<html  >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body bgcolor="blue">

<a href="indexE.html"><img src ='english.gif' style="float:right"  width="88" height="88"> </a>
<a href="indexR.html"><img src ='russian.gif' alt="Russian flag" style="float:right"  width="88" height="88"/>
<a href="index.html"> <img src="georgian.jpg"  style="float:right" width="88" height="88"/>
<a href="index.html">მთავარი </a>

</body>
</html>

这里(მთავარი)(mtavari)意味着主要,只是我正在做英语,格鲁吉亚语和俄语的网站,我想要它在中心找到主(მთავარი),你能帮助我吗?还有如何放大文字?

编辑:

<html  >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<style>
#links {
    margin: 0 auto;
    width:1050px; 
     font-size:70px

}
</style>
<body bgcolor="blue" >
<a href="indexE.html"><img src ='english.gif' style="float:right"  width="88" height="88"> </a>
<a href="indexR.html"><img src ='russian.gif' alt="Russian flag" style="float:right"  width="88" height="88"/>
<a href="index.html"> <img src="georgian.jpg"  style="float:right" width="88" height="88"/>
<div id="links">

<a href="index.html">მთავარი </a>
</div>
<div id="links">
<a href="ბაკურიანი.html">ბაკურიანი </a>
</div>
<div id="links">
<a href="გუდაური.html">გუდაური </a>
</div>
<div id="links">
<a href="ზღვა.html">ზღვა </a>
</div>
<div id="links">
<a href="კახეთი.html">კახეთი </a>
</div>
<div id="links">
<a href="სვანეთი.html">სვანეთი </a>
</div>
<div id="links">
<a href="ვარძია.html">ვარძია </a>
</div>
<a href="ქართლი.html">ქართლი </a>
</div>
<div id="links">
<a href="ძველი_თბილისი.html">ძველი_თბილისი </a>
</div>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

您是在谈论将链接集中在页面中心吗?然后你冷使用CSS: 将标签包裹在div中,然后将div居中。为了使div居中,您需要为其指定宽度。举个例子,我选择了600px。你也错过了一对关闭标签的人。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>

<style>
#links {
    margin: 0 auto;
    width: 600px;   
}

#test { 
    margin: 0 auto; 
    width: 400px; 
    clear: both; 
    display: block;
}
#test a {
    float: right;
}

</style>

<body bgcolor="blue">

<div id="links">
    <a href="indexE.html"><img src ='english.gif' style="float:right"  width="88" height="88"> </a>
    <a href="indexR.html"><img src ='russian.gif' alt="Russian flag" style="float:right"  width="88" height="88"/></a>
    <a href="index.html"> <img src="georgian.jpg"  style="float:right" width="88" height="88"/></a>
</div>

<div id="test">
    <a href="index.html">test1</a>
    <a href="index.html">test2</a>
    <a href="index.html">test3</a>
    <a href="index.html">test4</a>
    <a href="index.html">test5</a>
</div>

</body>
</html>

答案 1 :(得分:1)

只需将text-align:center放入包含元素,在这种情况下为正文。

其次,您忘记了一些关闭的锚标签(&lt; / a&gt;)。 最后,您应该将样式更改为CSS而不是内联。

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <style>
            body {
                background-color: blue;
                text-align: center;
            }
            .flag {
                float: right;
                height: 88px;
                width: 88px;
            }
        </style>
    </head>
    <body>
        <a href="indexE.html"><img class="flag" src='english.gif'></a>
        <a href="indexR.html"><img class="flag" src='russian.gif' alt="Russian flag"/></a>
        <a href="index.html" ><img class="flag" src='georgian.jpg'/></a>
        <a href="index.html">მთავარი </a>
    </body>
</html>