Question

从我之前的问题我有一点成功，但我有另外的问题所以发布在这里，这里是我的代码

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

#links { 
    margin: 0 auto; 
    width: 3000px; 
    font-size:70px;
    clear: both; 
    display: block;
}
#test a {
    float: right;
}
</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>
<a href=" ბაკურიანი.html ">ბაკურიანი </a>
<a href=" გუდაური.html ">გუდაური </a>
<a href=" ზღვა.html ">ზღვა </a>
<a href=" კახეთი.html ">კახეთი </a>
<a href=" სვანეთი.html ">სვანეთი </a>
<a href=" ვარძია.html ">ვარძია </a>
<a href=" ქართლი.html ">ქართლი </a>
<a href=" ძველი_თბილისი.html ">ძველი_თბილისი </a>
</div>
</body>
</html>

我有两个问题

1.当我运行此代码时，它会显示大型链接的名称，重新加载后，它很好，那么问题是什么？第二个问题 2.i想在这样的名字之间加上空格

მთავარიბაკურიანიგუდაურიზღვაკახეთისვანეთივარძიაქართლიძველითბთბილისი

我怎么能这样做？

Answer 1

问题2）：你可以简单地在两者之间放置一个不间断的空间：

<a href=" კახეთი.html ">კახეთი </a>
&nbsp;
<a href=" სვანეთი.html ">სვანეთი </a>
&nbsp;
<a href=" ვარძია.html ">ვარძია </a>

结果是：

კახეთი სვანეთი ვარძია

或者您可以在样式定义中添加填充/边距，以便锚点（“标签”）向左侧和/或右侧保留一些空间。拿铁当然是首选的方式。

Answer 2

你可以使用 作为空格，它是一个有效的空间HTML字符串，所以它也会被W3C验证。

Answer 3

indexR和index需要关闭</a>标记。对于空格也使用 或css边距或填充。

Answer 4

在链接之间使用 来获取空格

<a href=" index.html " >მთავარი </a>&nbsp;
<a href=" ბაკურიანი.html ">ბაკურიანი </a>&nbsp;
<a href=" გუდაური.html ">გუდაური </a>

Answer 5

在html应用程序中使用空间 1）实体名称

＆安培; NBSP

要么 2）实体编号

＆安培;＃160

Answer 6

您可以使用%20空格字符的HTML-ASCII语法。我发现有时 无法正常工作链接。

Answer 7

在锚标记CSS文件中添加填充。

直接应用于所有锚标记：

ul li a{ padding: 10px; }

或者如果使用任何类，

.classname ul li a{ padding: 10px; }

Answer 8

尽管&nbsp是完全有效的，但请尝试这样做，因为这是一种优雅的方式

       <style>
       .links
       {
       display:flex;
       align-items:center;
      justify-content:space-around;
       }
      .links a
      {
      flex:1;
      text-align:center;
      }
       </style>

      <div class="links“>
        <a href=" კახეთი.html ">კახეთი </a>
      
       <a href=" სვანეთი.html ">სვანეთი </a>
       
       <a href=" ვარძია.html ">ვარძია </a>
      </div>

在链接之间放置空格

8 个答案: