标签: margin
折叠Android布局中的边距
是否有可能在Android中使利润率崩溃？比方说,我有一个LinearLayout和添加三个TextView,每个具有一个android:layout_margin的10dp.我得到以下结果:
但是,我想得到这个结果:
我知道我可以通过为不同的项目设置不同的上/下边距来解决这个问题:
- 将第一个项目的上边距和最后一个项目的下边距设置为10dp,
- 将剩余的上/下边距设置为5dp,
但这会使设计更复杂(特别是如果动态创建TextView).有没有办法让边距在CSS中表现得像？(有关为什么这有意义的解释,请参阅:CSS折叠边距的重点是什么？)
推荐指数
解决办法
查看次数
调整容器div内部div的margin-top将内部div和容器div从主体向下推
我觉得这一定是我做傻事的问题,但我无法弄明白.这是一个显示我的问题的演示页面.页面的来源:
<html>
<head>
<title>demo</title>
<style type='text/css'>
body{
margin: 0px;
padding: 0px;
}
#container{
height: 100%;
background-color: black;
}
#logo{
margin: 25px auto auto auto;
width: 360px;
height: 45px;
background-color: goldenrod;
}
</style>
</head>
<body>
<div id='container'>
<div id='logo'>
<p>logotext.</p>
</div>
</div>
</body>
</html>
因此,您调整保证金的最高值越多,页面越远,#logo和#container都会被拖动.#container应保持不变,#logo应该向下移动页面.
推荐指数
解决办法
查看次数
使用-webkit-transform时不需要的左边距:scale(...)
我使用wkhtmltopdf(使用Webkit呈现引擎)将HTML文件转换为PDF文档.生成的PDF是A4.换句话说,它们具有固定的尺寸,因此具有有限的宽度.
我的PDF中的一个表包含图像,这些图像以类似拼图的方式错综复杂地拼凑在一起,有时会占用大量空间.
为了使得到的拼图适应A4 PDF的约束,我正在应用CSS属性-webkit-transform:scale(...);
这可以很好地扩展拼图,它仍然清晰易读,但由于某种原因,它也将包含拼图的桌子推向右边.尽管我明确地将其左边距设置为0,但似乎在拼图表的左侧增加了一个显着的边距.
有趣的是,我的webkit转换规模越小,左边的边距就越大.因此,例如,如果我使用比例(0.75),则得到的左边距约为200像素.如果我使用比例(0.5),则产生的左边距约为400像素.
我尝试使用左侧的绝对,固定和相对定位将拼图表左对齐:0.我还尝试将其浮动到左侧,并将其粘贴在文本对齐设置为左侧的容器中.这些技术都不起作用.
这个留下余量的想法是什么以及如何删除它/解决它？
推荐指数
解决办法
查看次数
如何删除我的.png周围的奇怪白边(用r,ggplot绘制)？
我用ggplot保存情节为.png.背景必须是黑色的,但总是有一个小的白色边缘(只有顶部,左下方;不是右边).
如何删除此保证金？
谢谢!
这是我的代码
library(ggplot2)
require(grid)
dat <- data.frame("xvar"=runif(500, 1, 10),
"yvar"=runif(500, 1, 10))
n <- 1
for(i in 1:n){
png(file=paste("green", i, ".png", sep=""), width=400, height=400)
x <- sample(500, 50)
i <- ggplot(data=dat[x,], aes(x=xvar, y=yvar))+
geom_point(col="green", size=3,shape=15)+
theme(panel.background=element_rect(fill="black"), panel.grid.minor=element_blank(),
panel.grid.major=element_blank(), axis.text.x=element_blank(), axis.text.y=
element_blank(), axis.title.x=element_blank(), axis.title.y=element_blank(),
axis.ticks=element_blank(), plot.background=element_rect(fill="black"),
panel.margin = unit(c(0,0,0,0), "cm"), plot.margin = unit(c(0,0,0,0), "cm"))+
scale_x_continuous()
print(i)
dev.off() }
推荐指数
解决办法
查看次数
嵌入式填充/字体边距
似乎所有字体都有某种嵌入式填充或边距.通过设置:
margin: 0px;
padding: 0px;
你永远不会得到你想要的.有谁知道这是为什么？
推荐指数
解决办法
查看次数
为什么百分比差额会导致换行？
<div style = "float : left; background-color: #dd3fb8;">
<a style = "margin-left : 10%;">a</a>
<a>b</a>
<a>c</a>
</div>
在上面的例子中,字母"c"将在新行上,但如果我将"margin-left"设置为px单位,"c"将与"a"和"b"在同一行.为什么会这样？
推荐指数
解决办法
查看次数
具有100%高度和边距底部的自举卡
我正在尝试开发一个具有以下要求的Bootstrap 4卡网格:
- 所有卡都必须位于一个div中
class="row",因为我不知道总数会有多少卡,我希望行在不同的屏幕断点处看起来很好. - 此行中的列在不同的断点处的大小不同(例如,
col-sm-6 col-lg-4). - 在任何单独的"显示行"中,例如,在任何给定时间在屏幕上显示的一行卡片,每张卡片应具有相同的高度.
- 每张卡的底部应有一个边距,以便与所有其他卡分开.
我已经设法得到了几乎所有的方式,但我遇到了一个问题:设置class="h-100"我的卡以确保它们都是相同的高度杀死每张卡底部的边距.
有没有办法确保任何给定显示行中的所有卡都是相同的高度,同时保留其底部的边距？
HTML代码:
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="card h-100 mb-4" style="background-color:#ff0000;">
Test card content.
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card h-100 mb-4" style="background-color:#00ff00;">
Test card content. Test card content. Test card content. Test card content.
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card h-100 mb-4" style="background-color:#0000ff;">
Test card content. Test card content. Test card content. Test card content. Test card content. Test card …推荐指数
解决办法
查看次数
使用负保证金的替代方案？
我正在使用负边距来将我的图像放在背景上,但是当我缩放到很多时它会移动并扭曲图像到很多.在缩放时,由于负边距,右侧的框朝向顶部.
请在下面找到我正在使用的代码: -
<div class="platform-row" style="float: right; margin-right: 145px; padding: 2px;">
<span><a href="download/index.html">
<img src="assets/Box.png" border="0" /></a></span><br>
<div class="platform-row-box">
SOME TEXT GOES HERE...................
</div>
<a href="download/index.html">
<div class="getmxit">Get ABC Now</div>
</a>
<div style="background: black; margin-top: 3px; width: 181px; opacity: .8; padding: 2px">
<span><a class="platform-icon apple" href="download/ios/index.html"></a></span>
<span><a class="platform-icon android" href="download/android/index.html"></a></span>
</div>
</div>
CSS:
.platform-row {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
margin-top: -530px;
margin-left: 700px;
}
.platform-row .platform-row-box {
color: white;
font-size: 14px;
margin: 0 auto; …推荐指数
解决办法
查看次数
什么是 CSS 中的 CLEARANCE
因此，我开始阅读 CSS 规范以更好地了解如何在我的代码中使用样式属性和属性。目前在 Box 模型 - 折叠边距，http://www.w3.org/TR/CSS2/box.html#collapsing-margin，我在规范中遇到了这一行。
如果具有间隙的元素的顶部和底部边距相邻，则其边距与后续兄弟元素的相邻边距折叠，但产生的边距不会与父块的底部边距折叠
有人愿意解释一下上面的真正含义吗？请在上面使用的间隙上也照亮更多的光。绝对会感谢您的意见。
推荐指数
解决办法
查看次数
CSS margin-left过渡不起作用
我正在尝试从中心向左转换并降低图像的高度.高度转换工作正常,但边距只是传送到左侧而不是动画.
这是我的代码:
#logo_img {
height: 55px;
width: 55px;
background-color: red;
margin-left: auto;
margin-right: auto;
display: block;
transition: all 1s ease-in-out;
}
#logo_img.tiny {
height:45px;
margin-left: 0;
}
JS:
$('#logo_img').addClass('tiny');
工作实例:http://jsfiddle.net/v0w6s3ms/1/
任何帮助？
推荐指数
解决办法
查看次数