草庐IT

BORDER_GAP

全部标签

html - Border-Radius 在电子邮件和浏览器中不起作用

我一直在设计一份时事通讯,而border-radius在我的本地主机上工作(显示所有圆边)-但通过示例电子邮件测试时它不起作用。我用雅虎邮箱和Firefox给自己发电子邮件,结果很锋利。它在Outlook2007中也不起作用。有人知道怎么解决这个问题吗?我将感谢你的帮助。 最佳答案 它永远不会在outlook2007中工作,因为它使用word作为渲染器,不支持大多数css。对于firefox,您需要添加-moz-前缀,请确保您已完成。如果没有,请发布您的css和firefox版本。 关于

html - border-collapse : collapse; and border-spacing: 0;有什么区别

是border-collapse:collapse;和border-spacing:0px;/*onlyactive/usefulwithoption"separate"*/border-collapse:separate;一样吗? 最佳答案 它们是不同的!(请参阅下面的代码段以确认)。根据MDNhere和hereTheborder-collapseCSSpropertydetermineswhetheratable'sbordersareseparatedorcollapsed.Intheseparatedmodel,adjace

html - border-collapse : collapse; and border-spacing: 0;有什么区别

是border-collapse:collapse;和border-spacing:0px;/*onlyactive/usefulwithoption"separate"*/border-collapse:separate;一样吗? 最佳答案 它们是不同的!(请参阅下面的代码段以确认)。根据MDNhere和hereTheborder-collapseCSSpropertydetermineswhetheratable'sbordersareseparatedorcollapsed.Intheseparatedmodel,adjace

html - tbody 的 border-top 和 thead 的 border-bottom 不能同时工作?

我有一个非常基本的表:NombreProvinciaMunicipio1VESTIBULUMTORTORNISLSevillaCastillejadelaCuesta4VESTIBULUMTORTORNISLSevillaCastillejadelaCuesta我需要这个:------------head------------1pxborder#fff------------3pxborder#graybody------------我只能显示其中一个边框,不能同时显示两个。这不是很重要,但我很好奇是什么导致了这个问题。我的CSS:thead{border-bottom:1pxsol

html - tbody 的 border-top 和 thead 的 border-bottom 不能同时工作?

我有一个非常基本的表:NombreProvinciaMunicipio1VESTIBULUMTORTORNISLSevillaCastillejadelaCuesta4VESTIBULUMTORTORNISLSevillaCastillejadelaCuesta我需要这个:------------head------------1pxborder#fff------------3pxborder#graybody------------我只能显示其中一个边框,不能同时显示两个。这不是很重要,但我很好奇是什么导致了这个问题。我的CSS:thead{border-bottom:1pxsol

html - flex 元素不考虑边距和框大小 : border-box

我正在尝试实现标准CSS中的简单功能。假设我有一个包含3列和box-sizing:border-box的网格系统。这意味着我将容纳3个盒子,并且有一个边距可以缩小尺寸以容纳最多3个盒子。但是当我尝试用FLEXBOX做到这一点时,这很痛苦!!因此,如果我有带有flex的div:1133.33%;margin:10px;我原本希望每行有3个框...但是如果我使用flex-wrap:wrap,它不会收缩以适应3个框。这是一个例子..想法是第二行将连续3个框,第四个框将在最后一行。谢谢https://jsfiddle.net/mariohmol/pbkzj984/14/.horizontal-

html - flex 元素不考虑边距和框大小 : border-box

我正在尝试实现标准CSS中的简单功能。假设我有一个包含3列和box-sizing:border-box的网格系统。这意味着我将容纳3个盒子,并且有一个边距可以缩小尺寸以容纳最多3个盒子。但是当我尝试用FLEXBOX做到这一点时,这很痛苦!!因此,如果我有带有flex的div:1133.33%;margin:10px;我原本希望每行有3个框...但是如果我使用flex-wrap:wrap,它不会收缩以适应3个框。这是一个例子..想法是第二行将连续3个框,第四个框将在最后一行。谢谢https://jsfiddle.net/mariohmol/pbkzj984/14/.horizontal-

html - Firefox 中的圆 Angular : space between border and background

我有一个要应用圆Angular的div。这是我的demofiddle. div{margin:20px;width:250px;height:250px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;border-radius:15px;background-color:#4c66a1;border:2pxsolid#4c66a1;}我还为这个div应用了边框和背景色。问题出现在Firefox中。在div的边框和背景颜色之间有少量空白(见下图)。它非常小,但人们还是注意

html - Firefox 中的圆 Angular : space between border and background

我有一个要应用圆Angular的div。这是我的demofiddle. div{margin:20px;width:250px;height:250px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;border-radius:15px;background-color:#4c66a1;border:2pxsolid#4c66a1;}我还为这个div应用了边框和背景色。问题出现在Firefox中。在div的边框和背景颜色之间有少量空白(见下图)。它非常小,但人们还是注意

html - Safari 10.1 – 文本对齐 : justify text goes outside the border in RTL languages

我在body元素中有一个带有文本段落的HTML标记。在CSS样式表中,我添加了:body{text-align:justify;color:black;background-color:white;font-size:23;letter-spacing:0.05pt;line-height:125%;font-size:1.25em;margin:0.00em20em;text-indent:0em;font-weight:normal;font-style:normal;direction:rtl;}当我在Safari10.1中加载它时,文本超出了正文边框。但是相同的标记在旧版本的S