小编dip*_*pas的帖子

想象一下,我有以下标记

<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

和风格

.item {
  width: 100%
}

并且由于某些原因我无法改变宽度我可以 .item 通过.container使用flexbox或任何其他方式设置父容器,在每行中排列2个项目吗？

是否可以使用calc()乘以或除以基于单位的值(如100%,5px等).

例如,我希望做这样的事情:

width: calc(100% * (.7 - 120px / 100%));

希望它解决类似的问题(假设100%= 500px):

width: calc(500px * (.7 - 120px / 500px));
width: calc(500px * (.7 - .24));
width: calc(500px * .46);
width: calc(230px);

然而,在经过一些实验之后,看起来我不能将基于单位的价值作为分裂的分母.

我也似乎并不能够多两个值在一起像5px * 10px或5px * 100%.

我知道在100%的情况下允许这样做没有意义,但在我的用例中,我想知道120px的总宽度是多少百分比,然后我将其输入到我的其余部分.计算.

要么就是这样,或者如果有人能想出一种不同的方式来编写它,那么它也会起作用.我绞尽脑汁,无法想出任何东西.

当我处理两个不同的功能(在从主服务器创建的两个不同的分支上)时,当我继续合并时,我将不会有提交历史,这非常令人讨厌.

我会更好地解释.当我完成Branch-A的工作时,我将它合并为master.如果我git log看到我在Branch-A上做的所有提交,那很好.

相反,当我完成Branch-B的工作并尝试将其合并到master(在已经合并了Branch-A之后)之后,我必须为合并指定一个提交消息(而对于第一个分支,我还没有问什么).合并到掌握之后,如果我键入git log,我在主分支的历史中看不到Branch-B的提交

让我说我有

**Branch A**

commit 09b2unfas9d781n2e
    Add more stuff

commit 8uj8masd89jas898a
    Add stuff

**Branch B**

commit 09b2unfas9d781n2e
    Add feature setting

commit 8uj8masd89jas898a
    Add feature

我完成了

**Master**

commit 6hf6h8hd871udjkdn
Merge: 09b2un 34osd6
    Merge branch 'Branch-B' into master

commit 09b2unfas9d781n2e
    Add more stuff

commit 8uj8masd89jas898a
    Add stuff

commit 34osd62dhc91123j8
    I'm a previous commit …

我的网站目前有3个CSS文件自动包含在网站的一部分,我无法访问网站的源,即index.html,但我可以访问我的网站的CSS文件.

我试图用我自己的风格覆盖我的网站CSS文件,并创建一个新的CSS文件,其中包含我想在我的网站上覆盖的所有样式.

我已经尝试过使用@import url(css4.css),我把它放在我最后一个CSS文件的顶部但是不会覆盖最后一个CSS文件的样式.

我怎样才能做到这一点？

<link rel="stylesheet" type="text/css" href="currentCSS1.css">
<link rel="stylesheet" type="text/css" href="currentCSS2.css">
<link rel="stylesheet" type="text/css" href="currentCSS3.css">   
<!-- How to add this below just by using CSS? -->
<link rel="stylesheet" type="text/css" href="newCSS4.css"> 

我使用css框架Materialize.css我不明白我的HTML图标中的过去颜色

<i class="large material-icons">note_add</i>

我试过了 cyan darken-4

<i class="large material-icons cyan darken-4">note_add</i>

但没有成功,我需要改变颜色图标.怎么做？

希望这很简单.我想使用CSS calc操作来执行两个计算:

我想将我的宽度设置为相当于

(100% / 7) - 2

但是,如果我尝试在CSS计算操作中执行多个操作,则会失败:

width: calc((100% / 7) - 2);

如何在一个CSS语句中执行多个calc操作？

在将此标记为重复之前,请允许我告诉您,这不是关于使iframe重新缩放,我不期望这样的答案:制作iframe响应

我的问题很容易解释:我的网站没有meta视口标记,宽度为(比方说)1000px.因此,当您在移动设备中加载它时,它会重新缩放以适应360px宽度,并且一切都非常小.

现在,我完全知道如何使iframe调整到任何宽度,但这里的问题是正在加载的网站也将显示宽度为1000px,即使这个具有meta视口标记.当然,这个iframe中的所有内容都显示得非常小.

现在的问题是:我是否可以使该iframe的内容以全宽显示,但不服从父文档的宽度,而是服从设备的宽度.(显然我不想要一个小的360px iframe).

这可能有助于您理解:

编辑:很多人似乎不明白这一点,所以解释它的另一种方法是:

1. 选择任何没有视口标记的网站

2. 在上面涂上固定的框架

3. 并尝试使iframe看起来像是在新标签上打开的(默认情况下,iframe的视口将像1000px一样,我希望它是手机的视口大小)

div一个接一个给出9 秒,我想通过CSS创建一个3X3网格.

我怎么做？

.cell {
  height: 50px;
  width: 50px;
  background-color: #999;
  display: inline-block;
}

.cell:nth-child(3n) {
  background-color: #F00;
  /* what property should I use to get a line break after this element? */
}

/* this doesn't work; at least not in safari */
.cell:nth-child(3n)::after {
  display: block;
}

<div class="grid">
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
</div>

注意:我不想要float/clear解决方案.重点是CSS,而不是HTML重组.

如果我添加content: '\A'; white-space: pre; …

我试图让我的页脚上的一些按钮与中心对齐但由于某种原因它似乎不起作用.

<div class="footer">
  <div class="container">   
    <div class="navbar-text pull-left">
      <p> Hello there </p>
    </div>
        <div class="Button" align="center">  
            <a href="#" class="btn btn-warning" onclick="changeLook()">Re</a>
            <a href="#" class="btn btn-warning" onclick="changeBack()">Rs</a>
        </div>
    <div class="navbar-text pull-right">
      <a href="#"><i class="fa fa-facebook-square fa-2x"></i></a>
      <a href="#"><i class="fa fa-twitter fa-2x"></i></a>
      <a href="#"><i class="fa fa-google-plus fa-2x"></i></a>
    </div>
  </div>
</div> 

我不确定我是否需要使用CSS来使其进入中间或者我应该只使用对齐,但没有任何工作

我正在使用Materialize.css框架,我注意到文本input字段的颜色是绿色,因此是label.

有没有办法将颜色改变为不同的颜色？

<input type="text" id="username" />
<label for="username">Username</label>