文章/答案/技术大牛

发布

社区首页 >问答首页 >如何将逗号放在菜单的一个列表单词中

问如何将逗号放在菜单的一个列表单词中
EN

Stack Overflow用户

提问于 2020-08-19 16:26:37

回答 4查看 43关注 0票数 0

你好，我在谷歌上找不到解决方案。

然后“电话号码”移到下一行。就像这个

“注册”“主页”“联系人，电话号码=>移动到下一行”

我的问题是如何将一行中的联系人、电话号码作为菜单列表对齐。谢谢

.nav-li {
  display: block;
  padding: 20px 30px;
}

<ul class="nav-links">
  <li class="nav-li">
    <!-- svelte-ignore a11y-invalid-attribute -->
    <a href="#">Sign up</a>
  </li>
  <li class="nav-li">
    <!-- svelte-ignore a11y-invalid-attribute -->
    <a href="#">Home</a>
  </li>
  <li class="nav-li">
    <!-- svelte-ignore a11y-invalid-attribute -->
    <a href="#">Contact, Phone number</a>
  </li>
</ul>

html

css

回答 4

Stack Overflow用户

发布于 2020-08-19 16:33:37

https://jsfiddle.net/0bc7azed/3/

使用<p>或

<br>

代码

  <ul class="nav-links" >
             <li class="nav-li">
                 <!-- svelte-ignore a11y-invalid-attribute -->
                 <a href="#">Sign up</a>
             </li>
             <li class="nav-li">
                   <!-- svelte-ignore a11y-invalid-attribute -->
                 <a href="#">Home</a>
             </li>
             <li class="nav-li">
                   <!-- svelte-ignore a11y-invalid-attribute -->
                 <a href="#">Contact,<br>Phone number</a>
             </li>
         </ul>

票数 0

Stack Overflow用户

发布于 2020-08-19 16:36:00

您可以使用<br>标记来换行。您也可以通过@FiveFour_Xone检查答案

.nav-li {
  display: block;
  padding: 20px 30px;
}

<ul class="nav-links">
  <li class="nav-li">
    <!-- svelte-ignore a11y-invalid-attribute -->
    <a href="#">Sign up</a>
  </li>
  <li class="nav-li">
    <!-- svelte-ignore a11y-invalid-attribute -->
    <a href="#">Home</a>
  </li>
  <li class="nav-li">
    <!-- svelte-ignore a11y-invalid-attribute -->
    <a href="#">Contact, <br />Phone number</a>
  </li>
</ul>

票数 0

Stack Overflow用户

发布于 2020-08-19 16:37:22

我希望这能对你有所帮助。

.nav-li{
  display: block;
  padding: 20px 30px;

}
.nav-li a {
  text-decoration: none;
  border-bottom: 1px solid #00f;
}

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
    <ul class="nav-links" >
             <li class="nav-li">
                 <!-- svelte-ignore a11y-invalid-attribute -->
                 <a href="#">Sign up</a>
             </li>
             <li class="nav-li">
                   <!-- svelte-ignore a11y-invalid-attribute -->
                 <a href="#">Home</a>
             </li>
             <li class="nav-li">
                   <!-- svelte-ignore a11y-invalid-attribute -->
                 <a href="#">Contact, Phone number</a>
             </li>
         </ul>
</body>
</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63482933

复制

相似问题

问如何将逗号放在菜单的一个列表单词中
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将逗号放在菜单的一个列表单词中EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将逗号放在菜单的一个列表单词中
EN