6

我有两个问题：

  1. 当我运行下面的代码时，它以大格式显示链接的名称，重新加载后，它很好，那么有什么问题？

  2. 我想在这样的名称之间放置空格：

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

我怎么能这样做？

<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>
4

8 回答 8

9

对于问题 2.)：您可以简单地在两者之间放置一个非中断空格：

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

结果是：

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

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

于 2012-07-17T08:52:52.787 回答
5

您可以使用&nbsp;空格，它是空格的有效 HTML 字符串，因此 W3C 也会对其进行验证。

于 2012-07-17T08:52:44.227 回答
2

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

<a href=" index.html " >მთავარი </a>&nbsp;
<a href=" ბაკურიანი.html ">ბაკურიანი </a>&nbsp;
<a href=" გუდაური.html ">გუდაური </a>
于 2012-07-17T08:53:05.860 回答
1

indexR 和 index 需要结束</a>标签。也可用于空格&nbsp;或 css 边距或填充。

于 2012-07-17T08:53:03.283 回答
0

要在 html 应用程序中使用空间，请使用 1) 实体名称

 

; 或 2) 实体编号

 

;

于 2012-07-17T09:46:59.877 回答
0

您可以%20对空格字符使用 HTML-ASCII 语法。我发现有时与 links&nbsp;不能很好地配合。

于 2017-07-21T19:31:32.070 回答
0

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

直接适用于所有锚标签：

ul li a{ padding: 10px; }

或者如果使用任何课程，

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

于 2020-07-12T18:33:33.893 回答
0

虽然&nbsp是完全有效的，但一定要试试这个，因为这是一种优雅的方式

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

      <div class="links“&gt;
        <a href=" კახეთი.html ">კახეთი </a>
      
       <a href=" სვანეთი.html ">სვანეთი </a>
       
       <a href=" ვარძია.html ">ვარძია </a>
      </div>
于 2020-07-12T18:41:45.657 回答