文档章节

学习CSS你必须踩得那些坑(五)

博为峰教研组
 博为峰教研组
发布于 2016/12/26 19:37
字数 213
阅读 29
收藏 0

inline-block空格的问题

现在回去看看,有个问题需要处理一下:

PlatForm,About,Sign Up之间为什么会有间隙?**

使用了inline-block,inline-block会表现得像文字排版一样,<li>和<li>之间存在空白符,所以最后产生了一个空格

有各种奇奇怪怪的方法可以解决这个问题,这里我只给出我平常用得最多的两个方法:

· 设置font-size: 0;(如果浏览器设置了最小字体大小要跪。。。)

·   ul{

·       font-size: 0;

·   }

·   li{

·       display: inline-block;

·       font-size: 1rem;

  }

· 去掉标签之间的空白符

  <li>…</li><li>…</li><li>…</li>

喜欢哪个方法就用哪个,快自己把这个bug修复了

美化导航样式

.navbar__brand, .navbar__nav li a{

  display: inline-block;

 

  box-sizing: border-box;

  height: 40px;

  padding: 8px 24px 8px 24px;

  border: 1px solid #ccc;

 

  line-height: 22px;

}

© 著作权归作者所有

博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
学习CSS你必须踩得那些坑(六)

这里加了边框方便调试: · 为了能够设置在垂直方向上的高度(padding-top/bottom, margin-top/bottom, height):我们设置行内元素<a> display为inline-block 行内元素是就像水一样,垂直方向...

博为峰教研组
2016/12/26
3
0
学习CSS你必须踩得那些坑(二)

利用browser-sync实时刷新页面 为了省去每次修改代码后都要手动刷新页面,我习惯使用browser-sync监听文件,自动刷新浏览器 1. 安装Browsersync npm install -g browser-sync 2. 运行Browser...

博为峰教研组
2016/12/26
7
0
Next.js 踩坑入门系列(四)— 中期填坑

Next.js踩坑入门系列 (一) Hello Next.js (二) 添加Antd && CSS (三) 目录重构&&再谈路由 (四) Next.js中期填坑 (五) 引入状态管理Redux 陆续更新... 填坑 第一坑 - params形式路由 上一篇在...

luffyZhou
2018/09/06
0
0
学习CSS你必须踩得那些坑(一)

目标 按照Sketch设计稿,实现一个完整的页面,希望你学完这一些列课程后,能够系统地掌握CSS,真正玩转CSS 课程内容 首先下载素材文件(Windows用户可以下载pdf版) 设计稿 用Sketch打开文件...

博为峰教研组
2016/12/26
13
0
唠唠 RDS 那些事 —— RDS on Windows Server 2016 第二篇

上一篇中唠叨了一下什么是 RDS 服务。于是,有人问我现在还有人在用 RDS 吗?我反问为什么没人用呢?对方答曰踩坑的飘过。其实,我是觉得,任何技术在运用到实际项目的时候,都会遇到数不尽的...

loveunicom
2017/10/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Hadoop集群搭建-05安装配置YARN

Hadoop集群搭建-04安装配置HDFS Hadoop集群搭建-03编译安装hadoop Hadoop集群搭建-02安装配置Zookeeper Hadoop集群搭建-01前期准备 先保证集群5台虚拟机, nn1 nn2 s1 s2 s3 hadoop 是 是 是 ...

虚拟世界的懒猫
36分钟前
4
0
聊聊spring cloud的ConsulServiceRegistry

序 本文主要研究一下spring cloud的ConsulServiceRegistry ServiceRegistry spring-cloud-commons-2.1.2.RELEASE-sources.jar!/org/springframework/cloud/client/serviceregistry/ServiceR......

go4it
昨天
5
0
Nextjs 学习 —— hooks

22

lemos
昨天
2
0
如何在spring mvc restful接口中定制化类型转换和格式化

1.痛点 最近小胖哥搞了个小程序,有几个spring mvc 接口传递了时间,时间用java 8 time 相关的api 来直接接收: 当使用根据ISO 8601格式化的参数向任何这些方法发送POST请求时,报出了如下异...

码农小胖哥
昨天
16
0
docker日志监控

日志处理机制 我们先来了解一下docker日志处理的机制,当启动一个容器的时候,它其实是docker daemon的一个子进程,docker daemon可以拿到你容器里面进程的标准输出,拿到标准输出后,它会通...

爱宝贝丶
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部