草庐IT

min-margin

全部标签

html - 为什么margin :0 auto; not work on this input button?

我正在尝试将输入按钮置于表单的中央,但通常的边距是:0auto;没有做任何事情。以下是我的HTML的设置方式:和CSS:body{padding:0;margin:0;width:100%;font-family:CenturyGothic,sans-serif;}.container{width:100%;}#contact-div{height:100vh;width:100%;background:url("images/contactpic3.jpg")no-repeatcenterfixed;background-size:cover;}.input-field{width:

Angular : how to restrict input type number to allow only even number with min and max limit as well as steps to increase

我正在处理一个要求,我只想允许偶数到文本框或数字框(输入类型数字)。最小和最大限制从4到14,如果我们有数字框,它应该只增加2。我尝试使用具有minmax和step属性的HTML输入类型编号,它工作正常,但我们可以使用任何数字编辑文本框以限制我尝试使用指令,但它不适合我。如果有人能帮我解决这个问题,我会很高兴。HTML:new:脚本:varapp=angular.module('app',[]);app.controller('ctrl',function($scope){$scope.name='SamirShah';$scope.price=-10;$scope.wks={numb

html - 流式布局 : Can a float with a margin be forced to be 100% width?

我正在编写我的第一个流动布局,我不得不说它比固定宽度的布局要花费更多的时间。但是,我看到了优势,所以我想让它发挥作用!这是我的情况:我有一个带有一些文本的标题,它使标题的高度可变,具体取决于浏览器文本的大小。左侧有一个固定宽度的导航栏。导航向左浮动,负边距与宽度的像素数相同,这有效地使其插入零宽度空间。整洁!我的主要内容部分向右浮动。它有一个导航宽度的左边距,因此内容避免隐藏在导航链接下方。导航在来源中排在第二位,因此辅助技术的用户可以首先访问内容。这很有效,但前提是主要内容部分的内容有环绕整个页面宽度的文本行。如果内容只有短行或列表,则内容部分的宽度与其内的内容相同。由于内容部分向右

html - BS3 carousel + animate.min.css 在 Firefox 中不能完美运行

我在Ubuntu14.04中使用firefox33.0。我有一个带有bootstrap3轮播的网站(本地主机)。我已将“动画脉冲”(animate.min.css)类应用到“class=item”div中的“img”,并将“animatedfadeinleft”应用到我的carousel-caption。Anotherexampleheadline.Crasjustoodio,dapibusacfacilisisin,egestasegetquam.Donecidelitnonmiportagravidaategetmetus.Nullamiddoloridnibhultriciesv

html - 与 float 和 margin 相关的奇怪行为

问题是div与.parent类的位置。它不在窗口的顶部,而是在下方100px,正好是.child的margin-bottom的值。谁能解释一下这里发生了什么?这是我的HTML文档:.parent{}.child{margin-bottom:100px;}button{float:left;height:30px;}clickme! 最佳答案 这是由于不完整处理floats引起的和notmasteringMarginCollapsingMarginCollapsingonEmptyblocksIfthereisnoborder,pad

html - margin-bottom 在 flexbox 中不起作用

我有一个问题,我有一个flexbox,但我不完全希望每个元素都根据给定的属性进行间隔,所以我想玩一下边距。我在框的顶部有一个标题,但我希望它与其余元素之间有间距。所以我希望将我的p元素列表组合在一起,但距离标题更远。但是,当我执行margin-bottom时它没有任何效果(当我增加或减少margin-bottom时没有任何变化)。我最初是用百分比来做的,后来改为像素,但这似乎也不是问题。在代码片段中,我对它的外观没有任何问题,但在更大的浏览器上,标题和p元素之间几乎没有任何空间,这就是问题所在。.container{display:flex;position:relative;flex

html - IE7 : an excessive margin in form for textarea

我正在尝试处理我的应用程序中的IE7错误。这是HTML/CSS代码在Firefox/Opera/Webkit/IE6中是可以的,但在IE7中文本区域有100px的左边距。如果有人有纠正此问题的提示,非常感谢!这是显示此示例HTML的IE7屏幕截图:http://daneel.net/pub/img/ie7_bug_decalage.jpg 最佳答案 这看起来像是继承的边距错误(类似于但不同于float的双边距错误)。textarea继承了表单周围div的边距。PositionIsEverythingdescribesitinmore

html - Min-width, max-width css 使用最小宽度

好的,所以我希望做的是创建一个DIV,它会根据其中的内容自动调整大小,但它应该使用尽可能小的宽度。我不知道如何做到这一点。所以,如果我有一个包含3个字符的DIV标签,这无疑小于200px宽,那么我想要的是div为200px。如果有更多文本,我希望它自动调整大小,以便文本适合。**仅使用***CSS*这可能吗?******更新**让我看看是否可以更好地解释这一点。我有一个DIV:+++++++++++++++++++++++++++++++++|-------------------------------||-----textthislongertext-----||---------

html - 绝对位置和 margin : auto

我有一个小问题,我希望我的页脚以position:absolute保留在屏幕底部。但是我将它放在屏幕中间的margin:auto不再起作用了。HTML:TESTDenAllerstrafste"Ful-Ambi"Live-BandvangrootAntwerpenenomstreken!HomeWieiswieFoto'sRepertoireLinksContactTESTDevelopedbyYoshi©vAntstAdCSS:/*PAGELAYOUT*/html{padding:0px;margin:0px;}body{background-image:url(../IMA

html - 使用 space-between 和 margins 左对齐 flexbox 的最后一行

这个问题在这里已经有了答案:Targetingflexitemsonthelastorspecificrow(10个答案)关闭5年前。我在一个容器中有未知数量的元素,需要在外部没有边距的情况下进行包装,但它们之间的边距最小。我还需要用space-between和最后一行左对齐来证明这些。我正在尝试像这样使用flexbox来做到这一点:.outside{border:1pxsolidblack;}.container{margin:-5px;display:flex;flex-wrap:wrap;justify-content:space-between;}.container:afte