标签: margin

如何使用代码而不是xml设置ImageView的边距

我想ImageView用边距为我的布局添加未知数量的视图.在XML中,我可以layout_margin像这样使用:

<ImageView android:layout_margin="5dip" android:src="@drawable/image" />

ImageView.setPadding(),但没有ImageView.setMargin().我认为这是顺利的ImageView.setLayoutParams(LayoutParams),但不确定该提供什么.

有人知道吗?

android margin imageview

170
推荐指数
9
解决办法
26万
查看次数

CSS边缘恐怖; 边距在父元素之外添加空格

我的css边距不符合我想要或期望的方式.我好像我的标题margin-top会影响它周围的div-tags.

这就是我想要和期望的: 我想要的是....

......但这就是我最终的结果: 我得到了什么......

资源:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Margin test</title>

<style type="text/css">
body {
    margin:0;
}
#page {
    margin:0;
    background:#FF9;
}
#page_container {
    margin:0 20px;
}
h1 {
    margin:50px 0 0 0;
}
</style>

</head>

<body>

<div id="page">
    <div id="page_container">
        <header id="branding" role="banner">
            <hgroup>
                <h1 id="site-title"><span><a href="#" title="Title" rel="home">Title</a></span></h1>
                <h2 id="site-description">Description</h2>
            </hgroup>
        </header>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我在这个例子中夸大了边缘.h1-tag上的默认浏览器边距略小,在我的情况下,我使用Twitter Bootstrap,使用Normalizer.css将默认边距设置为10px.不重要,重点是; 我不能,不应该,不想改变h1标签上的边距.

我想这跟我的其他问题类似; 为什么这种CSS margin-top风格不起作用?.问题是我该如何解决这个具体问题?

我已经阅读类似问题的几个主题,但没有找到任何真正的答案和解决方案.我知道添加padding:1px;border:1px;解决问题.但这只会增加新的问题,因为我不希望在div标签上有填充或边框.

必须有更好的最佳实践解决方案吗?这一定很常见.

html css margin overflow

128
推荐指数
5
解决办法
7万
查看次数

为什么我不能以保证金为中心:0自动?

我有一个#headerdiv,100% width在div中我有一个无序列表.我已经应用于margin: 0 auto无序列表,但它不会将其置于标题div中.

谁能告诉我为什么?我认为如果我定义父div的宽度,那么无序列表应该能够以自身为中心margin: 0 auto.我错过了什么?

这是我的代码:

<style>

* {
    margin: 0;
    padding: 0;
}

#header {
    width: 100%;    
    background-color: #333;
    min-height: 160px;
    font-family:Arial, Helvetica, sans-serif;
}

#sitename {
    font-size: 50px;
    width: 620px;
    margin:0 auto;
    padding-top: 35px;
    color:#999;
}

#header ul {
    float: right;
    margin: 0 auto;
}

#header ul li {
    float: left;
    padding-right: 20px;
    list-style-type: none;
    font-size: 20px;
}

</style>

</head>

<body>

<div id="header">
    <h1 id="sitename">Photography Auction Site</h1>

    <ul> …
Run Code Online (Sandbox Code Playgroud)

html css margin

125
推荐指数
3
解决办法
38万
查看次数

WPF:具有列/行边距/填充的网格?

是否可以轻松地为WPF网格中的行或列指定边距和/或填充?

我当然可以添加额外的列来解决问题,但这似乎是填充/边距的工作(它将提供简单的XAML).有人从标准网格派生出来添加此功能吗?

wpf grid margin padding

125
推荐指数
6
解决办法
15万
查看次数

如何在Android的RecyclerView中添加一个简单的8dp页眉/页脚?

有没有办法将简单的页眉/页脚添加到RecyclerView?

在这里你可以看到我所拥有的.第一张卡片触及工具栏 这就是我所拥有的

在这里你可以看到我想要的东西.底部和卡之间的8dp填充. 这就是我想要的

我到目前为止尝试的方法:

  • 在我的recyclerview中使用标题视图.但我认为对每个回收者来说都是非常有效的.

  • 使用8dp的上边距,这会导致Recyclerview在滚动时在顶部/底部有白条的问题.

  • 在列表项中添加填充,这会导致外卡和内卡之间的边距不同.

  • 我确信到目前为止我还不知道有一个简单的解决方案.

    android margin padding android-recyclerview

    122
    推荐指数
    1
    解决办法
    3万
    查看次数

    CSS中的负边距如何工作以及为什么(保证金最高:-5!=保证金底部:5)?

    垂直定位元素的常见技巧是使用以下CSS:

    .item {
        position:absolute;
        top:50%;
        margin-top:-8px; /* half of height */
        height: 16px;
    }
    
    Run Code Online (Sandbox Code Playgroud)

    如在Chrome中一样在公制视图中看到,这就是您所看到的:

    在此输入图像描述

    但是,当您将鼠标悬停在元素上时,没有描绘视觉边距,即边距位于边界"外部"并且可以显示.但负利润率并未出现.它们看起来如何,它与众不同之处是什么?

    为什么margin-top:-8px 不一样 margin-bottom:8px

    那么负利润如何运作以及它们背后的直觉是什么呢?他们如何"提升"(如果是margin-top < 0)一件物品?

    css margin

    99
    推荐指数
    5
    解决办法
    14万
    查看次数

    自动边距不会在页面中居中

    此示例中,图像不居中.为什么?我的浏览器是Windows 7上的Google Chrome v10,而不是IE浏览器.

    <img src="/img/logo.png" style="margin:0px auto;"/>
    
    Run Code Online (Sandbox Code Playgroud)

    css google-chrome margin centering

    96
    推荐指数
    5
    解决办法
    17万
    查看次数

    jQuery如何获取元素的边距和填充?

    只是想知道 - 如何使用jQuery - 我可以得到一个元素格式化总填充和边距等?即30px 30px 30px 30px或30px 5px 15px 30px等

    我试过了

    var margT = jQuery('img').css('margin');
    var bordT = jQuery('img').css('border');
    var paddT = jQuery('img').css('padding');
    
    Run Code Online (Sandbox Code Playgroud)

    但这不起作用?http://jsfiddle.net/q7Mra/

    jquery margin padding

    96
    推荐指数
    3
    解决办法
    22万
    查看次数

    CSS Cell Margin

    在我的HTML文档中,我有一个包含两列和多行的表.如何用css增加第一列和第二列之间的空间?我试过申请"保证金权利:10px;" 到左侧的每个单元格,但没有效果.

    html css margin cell css-tables

    87
    推荐指数
    7
    解决办法
    34万
    查看次数

    如何在不更改HTML的情况下在同一行上对齐两个元素

    我有两个元素在同一条线上向左浮动并向右浮动.

    <style type="text/css">
    #element1 {float:left;}
    #element2 {float:right;}
    </style>
    
    <div id="element1">
     element 1 markup
    </div>
    <div id="element2">
     element 2 markup
    </div>
    
    Run Code Online (Sandbox Code Playgroud)

    我需要element2在element1旁边排队,两者之间有大约10个像素的填充.问题是element2的宽度可能会根据内容和浏览器(字体大小等)而改变,因此它并不总是与element1完美排列(我不能只应用margin-right并将其移动).

    我也无法改变标记.

    是否有统一的方式排列它们?我尝试了一个百分比的margin-right,我在element1上尝试了一个负余量来使element2更接近(但是无法让它工作).

    html css margin css-float

    73
    推荐指数
    4
    解决办法
    33万
    查看次数