`
hyj1254
  • 浏览: 340105 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

inline Element相互之间多出几像素的空白

 
阅读更多
若干个行内元素并排排列,margin,padding都设成0了,但它们相互之间还是莫名其妙地多出了几像素的空白。这不是那个ie6bug,但很容易被忽略,也很难查出原因:和元素的排版方式有关。
<!doctype html>
<html>
	<head>
		<title>model</title>
		<style><!--
		body * {margin:0;padding:0;}

		--></style>
	</head>

	<body>
		<span>第1层</span>
		<span>第2层</span>
	</body>

换成如下再看看:
<!doctype html>
<html>
	<head>
		<title>model</title>
		<style><!--
		body * {margin:0;padding:0;}

		--></style>
	</head>

	<body>
		<span>第1层</span><span>第2层</span>
	</body>

两段文字终于紧挨着了。简而言之:如果不想“行内元素”之间多出空白,则在排版时要把它们写在同一行。这个现象目前试过的浏览器ie/ff/chrome都有,按理说自有其道理不是bug。
0
2
分享到:
评论

相关推荐

    HTML+CSS中完全的行内元素(inline element)和块元素(block element)

    ### HTML+CSS中完全的行内元素(inline element)和块元素(block element) 在HTML与CSS中,元素被分为两大类:行内元素(inline element)和块元素(block element)。这两种类型的元素有着不同的显示特性和布局...

    有关display:inline-block在FF出现空白的解决方案

    然而,在不同浏览器之间,尤其是在Firefox(FF)上,可能会遇到一些显示问题,比如元素间的空白间距。这个问题在标题“有关display:inline-block在FF出现空白的解决方案”中被提及。 首先,我们要理解为什么会出现...

    display inline怎么用

    2. **应用场景**:当需要多个块级元素在同一行显示时,或者希望这些元素之间能够根据容器宽度自动调整间距时,使用`display inline`就非常方便。 #### 二、示例代码分析 假设我们有以下HTML结构: ```html &lt;div&gt; ...

    Inline Hook_inlinehook_x86_x64_64位HOOK_

    提供的压缩包文件中,"Inline Hook.sln"是一个Visual Studio解决方案文件,通常包含一个或多个C++项目,用于开发和编译Inline Hook相关的代码。Debug目录可能包含了编译后的调试版本的可执行文件和库,这对于调试和...

    ArmInline v0

    《ArmInline v0:解锁ARM架构程序的脱壳利器》 在计算机安全领域,脱壳技术是一种用于分析和研究恶意软件的重要手段。...随着技术的发展,我们期待ArmInline能有更多创新和突破,为信息安全领域带来更多的可能性。

    WIN64位驱动 InLine_HOOK框架

    在32位系统中,InLine_HOOK通常只需要替换或扩展几条汇编指令,而在64位系统中,可能需要处理更多的细节,如函数参数的传递方式,以及如何正确保存和恢复寄存器状态。 描述中提到的“ProjectSys.c”和“HookApi.h”...

    浅谈inline-block及解决空白间距

    在示例代码中,我们看到一系列的 `&lt;a&gt;` 元素,它们设置了 `display: inline-block`,但它们之间存在明显的空白。 为了解决这个问题,我们可以采取以下两种方法: 1. **设置父元素的 `font-size: 0`**: 在父容器 ...

    内联函数inline使用实例

    内联函数(inline)在C++编程语言中是一种优化手段,用于提高程序的运行效率。它的主要作用是在编译期间将函数体插入到每个调用该函数的地方,从而避免了函数调用时的开销,如函数调用的压栈、跳转以及返回等过程。...

    display:inline、block、inline-block的区别(转的)

    本篇文章将深入探讨`display:inline`、`display:block`以及`display:inline-block`这三种主要的显示模式之间的区别,帮助你更好地理解它们在实际开发中的应用。 首先,我们来看`display:inline`。这种模式使得元素...

    详解恢复Inline Hook源码

    恢复Inline Hook的过程主要包括以下几个步骤: 1. **备份原始代码**:在进行Inline Hook之前,我们需要保存原始函数的机器码或汇编代码,以便在需要恢复时使用。 2. **插入Hook代码**:找到目标函数在内存中的位置...

    VC inline hook实例

    **VC inline hook实例详解** 在计算机编程中,hook技术是一种常用的方法,用于拦截和修改其他程序的函数调用。在VC++(Visual C++)环境中,inline hook是hook技术的一种,它通过在编译时替换目标函数的代码来实现...

    完美支持64&32位InlineHook,C语言,C++类 都有

    在64位环境中,Inline Hook需要处理更多的细节,如重定位信息、更大的寄存器和更复杂的指令格式。但是,基本原理保持不变:找到目标函数,替换第一条指令,然后跳转到你的代码。64位环境下的Inline Hook可能需要考虑...

    Inline Patch生成器1.2.rar

    Inline Patch生成器1.2 内存补丁制作工具,自行杀毒

    inline函数说明(转载)

    ### inline函数:优化与陷阱 在C++编程中,`inline`关键字的使用是一个重要的优化技术,它旨在减少函数调用的开销,提高代码执行效率。本文将深入探讨`inline`函数的工作原理、使用场景及其潜在的陷阱,帮助开发者...

    inlineHook工具类

    **inlineHook工具类详解** 在Android开发或者逆向工程领域,`inlineHook`是一种常见的代码注入技术,它允许开发者在不修改原始代码的情况下,对特定函数进行动态替换,以实现功能增强、性能优化或者调试目的。`...

    Windows Inline Hook Demo

    在Windows操作系统中,Inline Hook是一种常见的系统调用篡改技术,它允许开发者在不修改原始函数代码的情况下,插入自定义的代码逻辑。本演示程序主要关注Ring0级别的Inline Hook,这意味着它将在操作系统的内核层面...

    display:inline-block的实际应用

    `display:inline-block` 是 `display` 的一个值,它结合了块级元素(block-level element)和内联元素(inline element)的一些特性,为网页布局提供了更灵活的选择。在本篇文章中,我们将深入探讨 `display:inline-...

    一个简单的inline hook

    ** inline hook 简介** Inline hook是一种在编程中用于拦截和修改函数调用的技术,尤其在逆向工程和软件调试领域中应用广泛。它的基本思想是通过在目标函数的入口处插入自定义代码,使得在函数实际执行之前,我们的...

    Vb6 InLineHook(通用版)

    【标题】"Vb6 InLineHook(通用版)" 描述了这是一个使用Visual Basic 6(Vb6)开发的API钩子实现,名为InLineHook,它具有跨平台兼容性,支持Windows XP、Windows 7、Server 2003以及Windows 2000操作系统。"InLine ...

    CydiaSubstrate Inline Hook的BUG研究及修复

    当 Inline Hook 应用于 AAssetManager_open 函数时,由于该函数内部存在多个 Switch 语句,因此在进行 Inline Hook 时也需要特别注意查找表的处理。 **3.2.1 缓冲区查找表** 在 AAssetManager_open 函数中,有一个...

Global site tag (gtag.js) - Google Analytics