去除Html换行引起的空格问题

由于我是用写xml的工具来写的Html，写出来的Html是格式化好的，但是由于各个节点元素之间有换行，所以会引起显示是有空格

空格



空格

上面的Html代码生成出来的结果，红色“空格”和蓝色“空格”之间会有一个明显个空格，但是我不想要这个空格，来看下面这段Html代码

空格



空格

这个时候，红色“空格”和蓝色“空格”之间就没有空格了

解决办法：

父级设置font-size: 0; 子类设置好 font-size属性，方可解决

还有其他的解决办法：

1、写代码的时候不要换行，在一行输写，那么将解决该问题。但是代码维护起来就不怎么方便了，适用于代码量很少的情况。

2、设置元素margin-left为-3px;此方法同比取消滚动条时屏幕宽度改变问题。缺点是如果用到js拼接字符串时样式会乱

去除Html换行引起的空格问题相关推荐

Python中字符串String去除出换行符(\n,\r)和空格的问题
Python中字符串String去除出换行符和空格的问题(\n,\r) 在Python的编写过程中,获取到的字符串进场存在不明原因的换行和空格,如何整合成一个单句,成为问题. 方法: 一.去除空格 & ...
Lua操作字符串去除回车换行以及空格
Lua操作字符串去除回车换行以及空格前言 lua的数据结构中string和table用的非常多,基本只要写lua脚本都会大量使用,其重要性不言而喻,这里主要说一下string去除回车换行和空格的方法 ...
【转载】如何去除C#Strings中的空格?
本文来自Lucky Jack的博客园文章<如何去除C#Strings中的空格? > http://www.cnblogs.com/yangjie5188 你或许知道你能使用String.T ...
excel 快捷换行，去除空白换行符
比如我们平时工作中文档里有1. 2.3.4.这种东西需要换行,如果一行或几行还好我们可以手动改,如果几千几万行呢. 我们可以先将这种 1. 2. 3. 4.换成统一的一个标记如顿号(.) // ch ...
Javascript去除回车换行符号和PHP去除回车换行符的方法
在不同的操作系统,回车换行符号是不一样的,看下面: 首先说说\n,\r,\t \n 软回车: 在Windows 中表示换行且回到下一行的最开始位置在Linux.unix 中只表示换行,但不会回到下一 ...
php删除空标签_PHP如何去除Html所有标签、空格以及空白
本文和大家分享一小段代码,主要和大家分享PHP如何去除Html所有标签.空格以及空白的方法,希望能帮助到大家.function cutstr_html($string, $sublen){ $stri ...
JS去除字符串左右两端的空格
去除字符串左右两端的空格,在vbscript里面可以轻松地使用 trim.ltrim 或 rtrim,但在js中却没有这3个内置方法,需要手工编写.下面的实现方法是用到了正则表达式,效率不错,并把这三 ...
python字符计数怎样去除空格_去除python中的字符串空格的简单方法
python编程中,我们在修改代码,遇到空格很多的情况下,我们要删除空格.本文小编整理了三种字符串去除空格的方法: 方法一:使用字符串函数replace,去除全部空格. 实例: >>> ...
去除Java字符串中的空格
问题:去除Java字符串中的空格俺有一个像这样的字符串 mysz = "name=john age=13 year=2001"; 我想要去除字符串里面的空格.我尝试使用 trim ...

去除Html换行引起的空格问题

父级设置font-size: 0; 子类设置好 font-size属性，方可解决

去除Html换行引起的空格问题相关推荐

最新文章

热门文章