我正在尝试的是在中心找到链接,即假设我们有以下代码
<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>
答案 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>