草庐IT

行间距

全部标签

html - 是否可以相对于字体大小设置字母间距并正确继承?

我的问题与这个问题基本相同,只是将“line-height”替换为“letter-spacing”:Whenarelativeline-heightisinherited,itisnotrelativetotheelement'sfont-size.Why?Andhowdoimakeitrelative?我的用例是这样的:body{font-size:18px;letter-spacing:1.2em;/*Iwouldlikeletter-spacingtoberelativetothefont-sizeacrossthedocument,atleastuntilIoverrideit

html - 是否可以相对于字体大小设置字母间距并正确继承?

我的问题与这个问题基本相同,只是将“line-height”替换为“letter-spacing”:Whenarelativeline-heightisinherited,itisnotrelativetotheelement'sfont-size.Why?Andhowdoimakeitrelative?我的用例是这样的:body{font-size:18px;letter-spacing:1.2em;/*Iwouldlikeletter-spacingtoberelativetothefont-sizeacrossthedocument,atleastuntilIoverrideit

javascript - 添加了 after() 的 jQuery 元素间距不正确

我有一个有很多其中的元素。其中一些是隐藏的,并在使用jQuery单击时添加到列表的末尾after().但是,由于某些原因,添加了after()的元素总是有点太靠近它们之后添加的元素。我做了一个jsbin来演示here另外,截图说明一下:使用after()的原因而不是简单的addClass或show是因为该列表依赖于使用li:nth-child(even)应用样式,因此如果元素存在,但只是隐藏,则会导致列表样式出现问题。 最佳答案 答案是因为元素是inline,并且在您的HTML中由换行符分隔,在呈现时会在它们之间创建一个空格。当您以

javascript - 添加了 after() 的 jQuery 元素间距不正确

我有一个有很多其中的元素。其中一些是隐藏的,并在使用jQuery单击时添加到列表的末尾after().但是,由于某些原因,添加了after()的元素总是有点太靠近它们之后添加的元素。我做了一个jsbin来演示here另外,截图说明一下:使用after()的原因而不是简单的addClass或show是因为该列表依赖于使用li:nth-child(even)应用样式,因此如果元素存在,但只是隐藏,则会导致列表样式出现问题。 最佳答案 答案是因为元素是inline,并且在您的HTML中由换行符分隔,在呈现时会在它们之间创建一个空格。当您以

html - flex 元素之间的间距?

JSFiddle我有一个用flex显示的列表:....ul{list-style-type:none;display:flex;flex-wrap:wrap;background:gold;}li{flex-basis:25%;background:grey;}现在我想要在我的li元素之间留出一些空间,添加边距或填充会将元素推到下一行(当我有超过4个元素时我想要flexwrap)。我知道上面的问题可以通过框大小来解决,但我的主要问题是我想要元素之间的间距,但第一个和最后一个元素要与父元素的左侧和右侧对齐。如何实现?例如。|li|spacing|li|spacing|li|spacing

html - flex 元素之间的间距?

JSFiddle我有一个用flex显示的列表:....ul{list-style-type:none;display:flex;flex-wrap:wrap;background:gold;}li{flex-basis:25%;background:grey;}现在我想要在我的li元素之间留出一些空间,添加边距或填充会将元素推到下一行(当我有超过4个元素时我想要flexwrap)。我知道上面的问题可以通过框大小来解决,但我的主要问题是我想要元素之间的间距,但第一个和最后一个元素要与父元素的左侧和右侧对齐。如何实现?例如。|li|spacing|li|spacing|li|spacing

css - SVG 元素之间的奇数间距

我使用一些基本的javascript和字符串连接生成了SVG元素:http://jsfiddle.net/8d3zqLsf/3/这些SVG元素之间的间距非常小(最大1像素)并且彼此之间的距离在可接受的范围内。当我复制生成的SVG并将其呈现为正常DOM的一部分而不是在页面加载时生成时,它在SVG元素之间具有奇怪的间距。http://jsfiddle.net/1n73a8yr/注意:我已验证SVG的宽度与其内部的形状一样宽,因此额外的空间不是来自SVG。为什么SVG在页面加载时注入(inject)与作为DOM的一部分呈现时呈现不同?有没有一种方法可以解决这个问题而不求助于具有负像素值的sv

css - SVG 元素之间的奇数间距

我使用一些基本的javascript和字符串连接生成了SVG元素:http://jsfiddle.net/8d3zqLsf/3/这些SVG元素之间的间距非常小(最大1像素)并且彼此之间的距离在可接受的范围内。当我复制生成的SVG并将其呈现为正常DOM的一部分而不是在页面加载时生成时,它在SVG元素之间具有奇怪的间距。http://jsfiddle.net/1n73a8yr/注意:我已验证SVG的宽度与其内部的形状一样宽,因此额外的空间不是来自SVG。为什么SVG在页面加载时注入(inject)与作为DOM的一部分呈现时呈现不同?有没有一种方法可以解决这个问题而不求助于具有负像素值的sv

html - 如何仅水平设置表格中的单元格间距

我想为下面写的表格设置样式。MonthSavingsJanuary$100问题是cellspacing设置单元格之间的水平和垂直空间,我希望它只在水平方向上完成。有没有办法做到这一点。 最佳答案 使用border-spacing表格上的CSS属性。浏览器支持相当好(主要不包括IE7,包括IE7)。示例:table{border-spacing:10px0;} 关于html-如何仅水平设置表格中的单元格间距,我们在StackOverflow上找到一个类似的问题:

html - 如何仅水平设置表格中的单元格间距

我想为下面写的表格设置样式。MonthSavingsJanuary$100问题是cellspacing设置单元格之间的水平和垂直空间,我希望它只在水平方向上完成。有没有办法做到这一点。 最佳答案 使用border-spacing表格上的CSS属性。浏览器支持相当好(主要不包括IE7,包括IE7)。示例:table{border-spacing:10px0;} 关于html-如何仅水平设置表格中的单元格间距,我们在StackOverflow上找到一个类似的问题: