css – 删除一组浮动按钮中的边距（css中清除浮动）

25-03-01 11

如果您想了解css–删除一组浮动按钮中的边距和css中清除浮动的知识，那么本篇文章将是您的不二之选。我们将深入剖析css–删除一组浮动按钮中的边距的各个方面，并为您解答css中清除浮动的疑在这篇文章中

如果您想了解css – 删除一组浮动按钮中的边距和css中清除浮动的知识，那么本篇文章将是您的不二之选。我们将深入剖析css – 删除一组浮动按钮中的边距的各个方面，并为您解答css中清除浮动的疑在这篇文章中，我们将为您介绍css – 删除一组浮动按钮中的边距的相关知识，同时也会详细的解释css中清除浮动的运用方法，并给出实际的案例分析，希望能帮助到您！

本文目录一览：

css – 删除一组浮动按钮中的边距（css中清除浮动）
android – 删除webView中的边距
css img 隐藏的边距
css – div内的左/右浮动按钮
css – Firefox具体的边距？

css – 删除一组浮动按钮中的边距（css中清除浮动）

我的页面上有一个指定宽度的容器;这样就可以将页面上的所有按钮居中.

我在按钮上使用margin-right,但我无法用按钮填充容器,以便它们与容器边缘对边,否则它们重新调整并且网格变为3×4而不是所需的4×3 .

那么如何摆脱按钮末尾的空间(边距)呢？我显然不能使用：last-child选择器.

<div id="container">
    <div id="months">
        <divdata-month="January"></div>
        <divdata-month="February"></div>
        <divdata-month="march"></div>
        <divdata-month="April"></div>

        <divdata-month="May"></div>
        <divdata-month="June"></div>
        <divdata-month="July"></div>
        <divdata-month="August"></div>

        <divdata-month="September"></div>
        <divdata-month="October"></div>
        <divdata-month="November"></div>
        <divdata-month="December"></div>
    </div>
</div>

CSS：

#container {
    width: 900px;
    margin: 10px auto;
}

#months {
    margin: 10px 5px 21px;

    float: left;
}

.month-button {
    width: 115px;
    height: 26px;

    background: url("/__resources/images/months.png");
    cursor: pointer;
    float: left;
    margin: 8px 87px 0px 0px;
}

解决方法

您可以使用 nth-child将每个第4个元素的右边距归零：

.month-button:nth-child(4n) {
    margin-right:0;
}

如果你需要支持旧的浏览器,那么我建议手动为每个第4个元素添加一个类,例如零右边距：

.zero-right-margin {
    margin-right:0;
}

android – 删除webView中的边距

我的webView有问题.正如你在图片上看到的那样,有白色边缘.我想在屏幕上填充那张照片.我怎么能这样做？
这是图片：

这是代码：

    WebView web = new WebView(getContext());
web.getSettings().setJavaScriptEnabled(true);
web.getSettings().setBuiltInZoomControls(true);

String imagePath = id;
String html = "<html><body><img src=\""+ imagePath + "\"></body></html>";
web.loadDataWithBaseURL("file:///mnt/sdcard/DinEgen/", html, "text/html","utf-8",null);
web.setPadding(0, 0, 0, 0);

web.setinitialScale(1);
web.getSettings().setJavaScriptEnabled(true);
web.getSettings().setLoadWithOverviewmode(true);
web.getSettings().setUseWideViewPort(true);
web.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
web.setScrollbarFadingEnabled(false);

XML文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
    android:weightSum="100">

        <android.support.v4.view.ViewPager
        android:id="@+id/presentation_viewPager"
        android:layout_width="match_parent"
        android:layout_height="0dp" 
        android:layout_weight="95"

        />
    <LinearLayout
        android:id="@+id/presentation_indicatorLayout"
        android:layout_width="match_parent"
        android:layout_height="0dp" 
        android:layout_weight="5"
        android:gravity="center"
        android:background="@drawable/choose_small_normal"
        >
    </LinearLayout>
</LinearLayout>

解决方法:

用这个替换你的标签：

<body>

这是webview中图像的另一个提示：
添加适合图像宽度的样式.适用于所有屏幕尺寸：

<style type='text/css'>
       img {max-width: 100%;height:initial;} div,p,span,a {max-width: 100%;}
       </style>

css img 隐藏的边距

因为图片存在浏览器默认的边距，正常的情况下，增加这样的属性来消除多余的边距或者多1px的情况

img {
    display: block;
    border: node;  
}

但是这样的话img在父元素里设置

text-align: center


就无法居中，
解决办法： 给图片增加：

margin: auto;


这样就不需要在父元素增加text-align: center就可以居中了。

PX 详细 X

基本翻译

abbr. 专用小交换机（Private Exchange）；二苯甲（p-Xylene）

网络释义

PX: 对二甲苯(P Xylene)

Nipacide PX: 对氯二甲苯酚

PX unit: 对二甲苯装置

css – div内的左/右浮动按钮

我怎样才能使按钮浮动只在div区域？

这是我的示例css和html ..

HTML

<div>
  <div>
    <button>test</button>
  </div>
  <div>
    <button>test</button>
  </div>
</div>

CSS

.test {
  width:60%;
  display:inline;
  overflow: auto;
  white-space: Nowrap;
  margin:0px auto;
}

或者你可以在这里看到实时样本 – > http://jsfiddle.net/ELAVS/

我希望它像这样..

解决方法

更改显示：内联显示：内联块

.test {
  width:200px;
  display:inline-block;
  overflow: auto;
  white-space: Nowrap;
  margin:0px auto;
  border:1px red solid;
}

css – Firefox具体的边距？

如何在CSS中设置特定的Firefox边距？我试过-moz-margin：0px;

我的问题是在每个浏览器中，甚至IE工程，

但是Firefox现在在我的CSS上失败了…当我滚动它们时，有一些链接像左边的像素一样移动…

解决方法

您的问题可能在其他地方，但以下是您仅定位Firefox的方式：

@-moz-document url-prefix() {
    a {
        margin: 0;
    }
}

今天关于css – 删除一组浮动按钮中的边距和css中清除浮动的分享就到这里，希望大家有所收获，若想了解更多关于android – 删除webView中的边距、css img 隐藏的边距、css – div内的左/右浮动按钮、css – Firefox具体的边距？等相关知识，可以在本站进行查询。

本文标签：