6.0w+
社区成员
- 全部
- 问答
空的inline-block却占据了位置求大神解答
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
background-color: red;
}
span#test{
background-color: blue;
display: inline-block;
line-height: 0px;
}
</style>
</head>
<body>
<div>12312312</div>
<span id="test"></span>
<div>12312312</div>
</body>
</html>
分明span中没东西却占据了位置
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
background-color: red;
}
span#test{
background-color: blue;
display: inline-block;
line-height: 0px;
}
</style>
</head>
<body>
<div>12312312</div>
<span id="test"></span>
<div>12312312</div>
</body>
</html>
分明span中没东西却占据了位置
...全文
请发表友善的回复…
发表回复
wsmh3333 2020-07-27
<div>12312312</div><span id="test"></span><div>12312312</div>
winzond 2020-06-29
你的目的是什么？上下都是div，默认就占整行了，你又设置span行高为0，这是没用的，不想让它显示就设置display:none，想让它显示，那就要重新定位下面那个div，不让它按顺序布局。其实首先应该搞清楚目的
易小楠 2020-06-29
经过实验并不存在,而且如果去掉css设置inline-block后中间间距就不存在了。
weixin_37683702 2020-06-29
inline和inline-block都有一个默认的margin,大概3px
易小楠 2020-06-29
这个line-height:0是有人让我这样试试 没去掉抱歉,我就想知道inline-block分明是空的却占位置很奇怪,并不涉及具体的实现。
inline-block元素出现位置错位的解决方法 如下代码所示： <div class="container"&...div style="display: inline-block; height: 100px; width: 100px;"><img src="/myImg.jpg"></div> <div style="display: inline-block; hei...
css 设置inline-block的时候当元素内容为空的时候位置会变化 当一个元素设置为inline-block的时候，最好设置vertical-align：top; 也就是说，只要是行内元素，一定会受它影响。 在遇到由vertical-align:baseline造成的各种无法理解的怪异现象，可以直接放大招，废掉基线对齐...
设置display:inline-block后内容为空和不为空 位置发生改变 将四个span标签设置diplay:inline-block，起始值都为空时，保持在同一水平位置 这里的css如下，自己感觉完全不会有问题的 span{ display: inline-block; width: 35px; height: 35px; color: #000000; line...
HTML5经典中文教程大全-从入门到精通-含html5案例代码 HTML5经典中文教程大全
html5从入门到精通
含html5案例代码
HTML 5结构元素
这真是大快人心。目前，我们定义结构只能通过一个“万能”的div, 试图通过设置它的特性id的值如header, footer, sidebar等来分别表达头部，底部或者侧栏等。有了它们，代码编写者不再需要为id的命名费尽心思，对于手机、阅读器等设备更有语义的好处。HTML 5增加了新的结构元素来表达这些最常用的结构：
非常好验证码自动识别代码-C# OCR光学识别数字识别率达100 可用的验证码自动识别
非常好验证码自动识别代码-C# OCR光学识别数字识别率达100
自动识别邮政快递EMS验证码
自动识别顺风快递验证码
(亲测正确版)ASP.NET-c#-捕捉网页快照-网站截图-网站缩略图 (亲测正确版)ASP.NET-c#-捕捉网页快照-网站截图-网站缩略图
★★★★★★★★★★★★★★★★★★★★★★★★★★★
建立网站缩略图源码
网页快照ASP.NET网站截图
网页快照ASP.NET c# 输入网址获取网站图片
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
网上流传了很多网站缩略图的asp.net,但是都无法使用，本人亲测，该代码进行优化，速度快，效率高，占内存非常少。
STM8L中文参考手册1-4全 1 中央处理单元（CPU） 。30。
1.1 引言 30
1.2 CPU 的寄存器。30。
1.2.1 描述 CPU 寄存器。..。30
1.2.2 STM8 CPU 寄存器图....34
嵌入式工程师养成计划之——嵌入式软件工程师完全学习指南 本系列课程针对有意向学习嵌入式软件开发的童鞋，从零开始、深入浅出，内容涵盖：linux系统基础、shell、linux C编程、linux系统编程、网络编程、ARM体系结构及汇编语言、ARM裸机编程、linux系统移植、linux驱动开发等模块。分多个子课程逐步学习。
本课程是全套课程的第0部（前传），目的是讲解我们的整个视频学习体系路线图，同时也会对大家学习路线的一个指引。 本期课程共计4节课，主要回答了何为嵌入式、为何要学习嵌入式、什么人适合学嵌入式、究竟应该怎样去学嵌入式等问题。最后为大家详细介绍了我们的嵌入式软件工程师学习路线图，希望能够对大家的嵌入式学习之路有所指引。
Java基础核心技术：多线程(day16-day17) 本套Java视频完全针对初级学员，课堂实录，自发布以来，好评如潮！Java视频中注重与学生互动，讲授幽默诙谐、细致入微，覆盖Java基础所有核心知识点，同类Java视频中也是代码量大、案例多、实战性强的。同时，本Java视频教程注重技术原理剖析，深入JDK源码，辅以代码实战贯穿始终，用实践驱动理论，并辅以必要的代码练习。 通过20的课程学习，使学员掌握java核心语法、面向对象思想编程、异常处理、IO流、集合类、多线程、网络编程等。
MFC上位机与STM32下位机通讯精讲 本课程主要介绍C++类库MFC上位机与STM32单片机的RS232、RS422、RS485、USB、LWIP以太网、CAN等接口进行稳定通信。课程主要从MFC和STM32基础开始，以编写上位机以及下位机为主，非常注重实践。 本课程主要目标是让大家学会MFC上位机的编程、STM32下位机编程。单单的会上位机或者下位机有时候体会不到通讯的乐趣，如果你单单会下位机，你学了本课程，你可以把你的数据以任何方式在windows上呈现出来，如果你只会上位机，你学了本课程你可以通过windows的串口、以太网、USB控制任何硬件设备。本课程的目标就是补偿大家的短处，让大家成为综合性人才，同时让大家体会到通讯中的更多乐趣。
Winfrom通用权限管理系统 Winfrom框架，动态生成菜单界面，附带数据库。纯手写，仅供学习参考，希望.net 程序员越来越好。
博客地址：https://blog.csdn.net/zzzzzzzert 有问题留言，互相学习交流
linux网络内核书合集05 本合集是本人搜集的关于linux网络内核的书籍，都是经典，包含：（1）Linux网络体系结构：Linux内核中网络协议的设计与实现.chm （2）Linux网络内核分析与开发.pdf （3）嵌入式Linux网络体系结构设计与TCP／IP协议栈.pdf （4）深入理解LINUX网络技术内幕.pdf 第一本是英文版chm格式，其余三本均为中文版，扫描清晰
linux网络内核书合集03 本合集是本人搜集的关于linux网络内核的书籍，都是经典，包含：（1）Linux网络体系结构：Linux内核中网络协议的设计与实现.chm （2）Linux网络内核分析与开发.pdf （3）嵌入式Linux网络体系结构设计与TCP／IP协议栈.pdf （4）深入理解LINUX网络技术内幕.pdf 第一本是英文版chm格式，其余三本均为中文版，扫描清晰
C语言大型软件设计的面向对象 C语言代码一旦达到一定规模，就特别强调良好的架构设计，以保证代码的可读性好、代码简洁以及可复用。此时，软件设计师势必要用C语言来做面向对象的设计。不能克服面向对象这一关，也是很多人无法读懂Linux内核、驱动等架构比较庞大的软件的主要技术壁垒之一，因为这些软件里面充满了对象式的设计。 本课程以案例来详细讲解，用C语言如何设计面向对象的程序。 本课程以案例来详细讲解，用C语言教大家如何设计面向对象的程序。
win7/8/10 CSF文件专用播放器——科健csf播放器 很多人反馈在win10下无法正常播放csf文件，附件中为科健最新CSF文件播放器，可以支持Windos7/8/10 系统，可以在win10下正常播放
《无人驾驶车辆模型预测控制》电子书+matlab全代码 详细介绍了应用模型预测控制理论进行无人驾驶车辆控制的基础方法，结合运动规划与跟踪实例详细说明了预测模型建立、方法优化、约束处理和反馈校正的方法，给出了Matlab仿真代码和详细图解仿真步骤。
计算机网络技术教程 本课程适用于计算机和通信相关专业的学生、准备考华为和思科认证但是基础不扎实的、想学黑客和网络安全的、考研的同学、没有系统学习过网络的编程人员和相关从业人员，课程从理论讲起，以理论为主，在后边章节补充了考研、考试的知识，也补充了生活中的网络应用。 让大家理解网络的概念，让计算机和通信相关专业的学生、准备考华为和思科认证但是基础不扎实的、想学黑客和网络安全的、考研的同学、没有系统学习过网络的编程人员和相关从业人员，在为以后的学习打下良好的基础，同时课程后边补充了考研、考试的知识，也补充了生活中的网络应用。
APP内置IM 系统——从入门到千万级在线 IM （即时通讯）系统是一种大型实时系统，其对技术方面的要求非常高。在APP社交化的今天，很多APP都希望为自己的应用增加IM系统，但却不得其法。本课程抽丝剥茧，搭建一套简IM 系统，先让开发者了解如何实现这类系统，然后会不断的对系统进行扩展，并详述要支撑千万级别的用户，系统架构要经过哪些方面的演变，在每个阶段需要具体考量哪些因素；其中涉及到大型网络开发、协议的制定解析、数据库的优化、负载均衡、监控、测试等方面的知识。相信通过此课程，开发者对IM 系统将有一个全面的认识。 a:0:{}
