草庐IT

margin-bottom

全部标签

html - 100% 高度 div,由于 margin-top 50px,滚动条离开屏幕 50px。自动溢出

我正在尝试布局一个页面,该页面在顶部和内容区域有一个水平导航栏,当内容太大时将获得滚动条。我目前的做法是将div宽度设置为100%;高度50px;绝对位置;前0;离开0;然后是高度为100%的第二个div;宽度100%;边距顶部50px;溢出:自动;然而,出现的滚动条偏移了50px边距,因此将内容推离了页面底部。如果我删除边距,一切正常,但它会将内容放在导航栏后面。我还尝试将它包装在一个容器中,并尝试将它们的边距和溢出部分放在child身上,但这似乎仍然没有达到所需的效果。jsFiddle,带有注释以尝试更好地解释它。http://jsfiddle.net/Piercy/hggXJ/H

html - 100% 高度 div,由于 margin-top 50px,滚动条离开屏幕 50px。自动溢出

我正在尝试布局一个页面,该页面在顶部和内容区域有一个水平导航栏,当内容太大时将获得滚动条。我目前的做法是将div宽度设置为100%;高度50px;绝对位置;前0;离开0;然后是高度为100%的第二个div;宽度100%;边距顶部50px;溢出:自动;然而,出现的滚动条偏移了50px边距,因此将内容推离了页面底部。如果我删除边距,一切正常,但它会将内容放在导航栏后面。我还尝试将它包装在一个容器中,并尝试将它们的边距和溢出部分放在child身上,但这似乎仍然没有达到所需的效果。jsFiddle,带有注释以尝试更好地解释它。http://jsfiddle.net/Piercy/hggXJ/H

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 - 居中 <div> 而不使用 "margin: auto;"

我正在寻找一种方法,使div在GoogleChrome的页面中水平居中。我尝试使用margin:auto;但我读到谷歌浏览器不支持此功能。结果我的div保持与屏幕左侧对齐。例如,如果我使用margin-left:100px;div确实向页面中心移动,但我不想手动将其居中。HTML:JohnDoeemailCSS:body{background-color:#f0f0f0;}div{border-radius:5px;}#header{position:fixed;background-color:#3399ff;color:white;width:60%;margin:auto;}#h

html - 居中 <div> 而不使用 "margin: auto;"

我正在寻找一种方法,使div在GoogleChrome的页面中水平居中。我尝试使用margin:auto;但我读到谷歌浏览器不支持此功能。结果我的div保持与屏幕左侧对齐。例如,如果我使用margin-left:100px;div确实向页面中心移动,但我不想手动将其居中。HTML:JohnDoeemailCSS:body{background-color:#f0f0f0;}div{border-radius:5px;}#header{position:fixed;background-color:#3399ff;color:white;width:60%;margin:auto;}#h

html - 如何在 CSS 中将标签与 div 的 "BOTTOM"对齐?

DEMO可在以下位置找到:http://www.bootply.com/VZ7gvA7ndE#我将div的高度设置为100px,并希望在div的底部显示label。我用#contain-word-lab{vertical-align:bottom;margin-bottom:5px;}但是,这根本不起作用。label仍然与div的顶部对齐。有没有人对此有任何想法?为什么vertical-align在这里不起作用?谢谢! 最佳答案 为什么vertical-align:bottom不能单独工作由于父元素的高度大于标签的计算高度,使用ve

html - 如何在 CSS 中将标签与 div 的 "BOTTOM"对齐?

DEMO可在以下位置找到:http://www.bootply.com/VZ7gvA7ndE#我将div的高度设置为100px,并希望在div的底部显示label。我用#contain-word-lab{vertical-align:bottom;margin-bottom:5px;}但是,这根本不起作用。label仍然与div的顶部对齐。有没有人对此有任何想法?为什么vertical-align在这里不起作用?谢谢! 最佳答案 为什么vertical-align:bottom不能单独工作由于父元素的高度大于标签的计算高度,使用ve

android——jetpack Compose布局居中,margin,padding,文字居中

水平布局RowRow(modifier=Modifier.fillMaxWidth(),horizontalArrangement=Arrangement.Center,//设置水平居中对齐verticalAlignment=Alignment.CenterVertically//设置垂直居中对齐){Text(text="text控件")Text(text="text控件")}需要注意"Arrangement"和"Alignment"的区别垂直布局Column进行水平居中Column(Modifier.fillMaxWidth()){Text(text="text控件",modifier=Mo

jquery - 创建一个 jquery Margin 加法器类

我正在寻找一种使用jquery为任意数字添加边距的方法。它应该是这样的:Addthistextmargin-right=5pxAddthistextmargin-left=15pxAddthistextmargin-top=6pxAddthistextmargin-bottom=4px等等...Addthistextmargin=4pxAddthistextpadding=4px...是否可以创建jquery代码来执行此操作?也许这样做是为了填充。想法:它也可以在Bootstrap中使用,比如添加自动填充、边距甚至font-size和fs18来添加font-尺寸:18px谢谢