html导航栏自动调间距,HTML CSS导航栏间距[通俗易懂]

html导航栏自动调间距,HTML CSS导航栏间距[通俗易懂]我做了一个CSS导航栏,但是在每个“navbar-item”之间,都有一点空间。我不希望那里有任何变化!有没有办法做到这一点,而不改变每个navbar-item的余裕?HTMLCSS导航栏间距Home-UnhandyFir9#wrapper{box-shadow:0px0px20px10pxblack;left:0px;top:0px;margin:auto;margin-…

大家好,又见面了,我是你们的朋友全栈君。

我做了一个CSS导航栏,但是在每个“navbar-item”之间,都有一点空间。我不希望那里有任何变化!有没有办法做到这一点,而不改变每个navbar-item的余裕?HTML CSS导航栏间距

Home – UnhandyFir9

#wrapper {

box-shadow: 0px 0px 20px 10px black;

left: 0px;

top: 0px;

margin: auto;

margin-top: 30px;

width: 800px;

background-color: rgb(200, 200, 200);

font-family: sans-serif;

}

#top-notification {

display: inline-block;

width: 100%;

height: 20px;

background-color: lightblue;

text-align: center;

}

#navbar-core {

width: 100%;

height: 30px;

background-color: lightgreen;

}

#navbar-item {

display: inline-block;

width: 100px;

height: 30px;

text-align: center;

background-color: green;

color: white;

}

== Hi! Our site was just recently launched, so you may expect alot of bugs! Sorry ’bout that! ==

kCgpG.png

+0

标识** **必须是唯一的。 –

+0

j08691:这不会影响渲染,所有浏览器仍然会正确应用样式。这是一个违反标准的行为,会打破当然的验证,并且令人难以置信地搞砸Javascript。 –

+0

@NielsKeurentjes – 我说它影响渲染还是会解决问题? –

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/140504.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 云计算基础之如何学习云计算?

    背景随着云计算的普及,越来越多IDC上的网站与应用开始在云上。那么同时对于我们这些IT从业者来说,也面临着加快学习云计算,不被新技术淘汰的挑战。2011年,云计算正式开始发展。今年是2018年了,是云计算发展的第7个年头了。虽然云计算的前景很好,但它的发展也更多地是在商业应用上,还没能达到学习交流分享的层次。云计算的学习路线、书籍、社区与成熟的嵌入式、互联网行业相比,是非常欠缺的!我们这次…

    2022年4月4日
    34
  • 批处理简单教程

    批处理简单教程bat处理

    2022年8月22日
    11
  • spring是什么意思_什么spring是孩子

    spring是什么意思_什么spring是孩子Spring是什么?            Spring是一个开源的轻量级的Java开发框架。  2.Spring能帮我们做什么?          简化应用程序的开发。  3.简化应用程序开发体现在哪些方面?     ①IOC容器       Java思想是面向对象的开发,一个应用程序是由一组对象通过相互协作开发出的业务逻辑组成,那么如何管理这些对象,使他们高效地协作呢?抽象工厂、工…

    2025年6月13日
    3
  • 微信小程序,循环下拉列表,点击时只展开其中一个「建议收藏」

    微信小程序,循环下拉列表,点击时只展开其中一个这是效果1.wxml<!–bigwarp–><viewclass=”dewarp”><viewclass=’com-selectBox’wx:for=”{{detil}}”wx:for-item=”item”wx:key=””><viewclass=’co…

    2022年4月10日
    301
  • -Bash: Unzip: Command Not Found解决方法 安装unzip

    -Bash: Unzip: Command Not Found解决方法 安装unzip

    2021年10月18日
    67
  • IDEA阅读spring源码并调试「建议收藏」

    IDEA阅读spring源码并调试「建议收藏」阿里云服务器优惠券领取优惠券目标:搭建起Spring源码阅读和代码调试跟踪的环境,顺便建立一个简单的Demo,能够调试Spring的源代码本节,主要介绍一下Spring源码阅读和调试的相关环境搭建,并使用MVN创建一个非常简单的Demo,以便可以跟踪和调试Spring的内核。1、源码的下载Spring的源码可以从GitHub上下载:https://github.com/spri………

    2022年8月12日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号