草庐IT

margin-bottom

全部标签

html - margin-top 和 margin-bottom 之间的 CSS 最佳实践何时都可以工作?

当您想为紧跟在第一个元素之后的元素留出空间时,CSS最佳实践是什么。假设这个htmlloremipsum你应该使用这个css.a-block{margin-bottom:10px;}或.another-block{margin-top:10px;}? 最佳答案 我会用:nth-child宽度margin-topdiv:not(:first-child){margin-top:10px}loremipsumipsumipsum 关于html-margin-top和margin-bottom

html - margin-top 和 margin-bottom 之间的 CSS 最佳实践何时都可以工作?

当您想为紧跟在第一个元素之后的元素留出空间时,CSS最佳实践是什么。假设这个htmlloremipsum你应该使用这个css.a-block{margin-bottom:10px;}或.another-block{margin-top:10px;}? 最佳答案 我会用:nth-child宽度margin-topdiv:not(:first-child){margin-top:10px}loremipsumipsumipsum 关于html-margin-top和margin-bottom

HTML & CSS : Align text line to bottom center of div

我想为我的div设置一个特定的布局。这些div包含摘要(文本约500个字符长),我希望在文本之后,在我的框的底部边缘,有一行包含类似附加信息的链接:*link*.这是一个asciilayout-art供你们理解我的意思:Hereissometextblablablablablablablablablablablablablablablablablablablagffffffblablablablablablablablablablablablablablablablablablablablablablablablablablafffffffblablablablablablablabl

HTML & CSS : Align text line to bottom center of div

我想为我的div设置一个特定的布局。这些div包含摘要(文本约500个字符长),我希望在文本之后,在我的框的底部边缘,有一行包含类似附加信息的链接:*link*.这是一个asciilayout-art供你们理解我的意思:Hereissometextblablablablablablablablablablablablablablablablablablablagffffffblablablablablablablablablablablablablablablablablablablablablablablablablablafffffffblablablablablablablabl

html - margin top to div inside another div

我有两个具有背景图像的div,我想为第二个div添加边距,但它正在创建空白区域。如何在将div保持在另一个div内的同时添加上边距?.logo{background-image:url(image/logo2.png);height:40px;width:400px;margin-left:100px;display:block;margin-top:20px;}.background{background-image:url(image/empback.png);width:100%;height:94px;min-width:1345px;} 最佳答案

html - margin top to div inside another div

我有两个具有背景图像的div,我想为第二个div添加边距,但它正在创建空白区域。如何在将div保持在另一个div内的同时添加上边距?.logo{background-image:url(image/logo2.png);height:40px;width:400px;margin-left:100px;display:block;margin-top:20px;}.background{background-image:url(image/empback.png);width:100%;height:94px;min-width:1345px;} 最佳答案

javascript - 在 HTML/CSS 中,img 的 "padding-bottom hack"仍然是确保不重流的最佳方式吗?

在2017年,“padding-bottomhack”(将img包装在div中,填充底部为ImageHeight/ImageWidth*100%)仍然是确保为响应式(宽度百分比)图像分配空间以避免避免的最佳方法回流?(更多关于填充底部技巧:https://www.smashingmagazine.com/2013/09/responsive-images-performance-problem-case-study/#the-padding-bottom-hack)奖励:如果img标签指定了宽度和高度属性,为什么浏览器不能本地计算空间。例如,?它拥有所需的所有信息,不是吗?“填充底部h

javascript - 在 HTML/CSS 中,img 的 "padding-bottom hack"仍然是确保不重流的最佳方式吗?

在2017年,“padding-bottomhack”(将img包装在div中,填充底部为ImageHeight/ImageWidth*100%)仍然是确保为响应式(宽度百分比)图像分配空间以避免避免的最佳方法回流?(更多关于填充底部技巧:https://www.smashingmagazine.com/2013/09/responsive-images-performance-problem-case-study/#the-padding-bottom-hack)奖励:如果img标签指定了宽度和高度属性,为什么浏览器不能本地计算空间。例如,?它拥有所需的所有信息,不是吗?“填充底部h

javascript - html margin 问题 - "Shaking"网站

我在网站上工作,一切正常,除了我的网站“摇晃”。(我正在使用Chrome)我的主容器的边距在某些方面发生了变化,我不知道为什么。他们有相同的html代码,这肯定与主div-container中的内容有关我的网站:www.anitalernt.dehttp://www.anitalernt.de/about-us.html向左一点,http://www.anitalernt.de/index.html在获得任务后(只需点击一些按钮)。有人有想法吗? 最佳答案 始终显示滚动条html{overflow-y:scroll;}参见:Alwa

javascript - html margin 问题 - "Shaking"网站

我在网站上工作,一切正常,除了我的网站“摇晃”。(我正在使用Chrome)我的主容器的边距在某些方面发生了变化,我不知道为什么。他们有相同的html代码,这肯定与主div-container中的内容有关我的网站:www.anitalernt.dehttp://www.anitalernt.de/about-us.html向左一点,http://www.anitalernt.de/index.html在获得任务后(只需点击一些按钮)。有人有想法吗? 最佳答案 始终显示滚动条html{overflow-y:scroll;}参见:Alwa