小编sky*_*red的帖子

容器内有两个元素 - 一个(蓝色)需要保持在左侧,另一个(绿色)相对于外部红色居中.但是,如果屏幕足够小,则居中的容器(绿色)不能与左侧的容器(蓝色)重叠,它应始终保持在蓝色的右侧.有什么想法可以实现吗？如果不是用css,那么可能是用js？

大屏幕

小屏幕

到目前为止我得到了:

小提琴

<div class="red">   
    <div class="blue">
        texttexttexttext
    </div>
    <div class="centered">
        Centered Container of fixed width
    </div>    
</div>

.red {
    height: 100px;
    text-align: center;
    border: 3px solid red;
    position: relative;
}
.blue {
    background: blue;
    height: 100%;
    float: left;

}
.centered {
    display: inline-block;
    border: 1px solid green;
    position: absolute;
    left: calc(50% - 70px);
    width: 140px;
    top: 0;
}

这使绿色容器居中,但它在较小的屏幕上与蓝色重叠.

编辑:添加了一些中心标记,以便轻松查看中心

我想大致了解如何制作和使用LESS模板.我猜测模板应该包含css规则,这些规则使用较少的@variables,当你简单地将该模板导入另一个包含已定义变量的.less文件时......是吗？任何例子？

这是html布局

<div class="wrap">
    <div class="section">
        <span class="text">text1</span>
    </div>
    <span class="text">text2</span>
<span class="not-text">don't color me!</span>
</div>

我试图给所有不在"部分"div中的"文本"跨度赋予样式.我试过这个,但似乎没有用

.wrap :not(.section) .text 

小提琴

任何帮助是极大的赞赏!

编辑:这种情况有几种解决方法,包括在".wrap> .text"中使用>运算符,但我想知道如何使:not selector工作,以便将来使用它

<input type="checkbox" name="currency" value="usd"/>
<input type="checkbox" name="currency" value="euro"/>
<input type="checkbox" name="currency" value="cad"/>

我试图通过 $_GET 请求获取货币值，类似于/?currency=usd,cad但我获取/?currency=usd&currency=cad 然后$_GET['currency']仅返回一个值。

添加name=currency[]只是得到/?currency[]=usd&currency[]=cad

在某种数组中获取这些复选框值的正确方法是什么？

我正在调用$ _SERVER ["REMOTE_ADDR"]并返回':: 1'

任何想法为什么我得到这个奇怪的输出？如何获得正确的IP？

我使用css使我的行像这样交替: 小提琴

tr:nth-child(odd) td   { background-color:red; }
tr:nth-child(even) td   { background-color:blue; }
tr th { background-color: yellow}

table {
    border: 1px solid black;
    margin: 10px;
    width: 100px;
    }

有些表有标题,有些表没有.数据始终需要以红色开头,但是当表格有标题时,其行计为第一行,而数据则以蓝色开头.有没有办法让它始终以红色开头？

我试图将两个提交按钮放入一个表单中，一个按钮将更新记录，另一个按钮将删除它。

<form>
   <input type="submit" value="UPDATE"/>
   <input type="submit" value="DELETE/>
</form>

这些应该如何在 php 中处理？最好的方法是什么？

尝试使用css模拟此进度条.它有两个背景,其中一个背景应该只覆盖文本后面的栏的一部分.它的宽度应该易于操作以改变%.我从一个完整的栏开始,但真的不确定如何添加百分比部分.有可能没有绝对定位吗？

<div class="bar">
    Progress: 60%
</div>

.bar {
    border: 1px solid black;
    color: white;
    display: table-cell;
    width: 250px;
    height: 50px;
    text-align: center;
    vertical-align: middle;        
    background: #003458;
    background: -moz-linear-gradient(top, #003458 0%, #001727 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003458), color-stop(100%,#001727));
    background: -webkit-linear-gradient(top, #003458 0%,#001727 100%);
    background: -o-linear-gradient(top, #003458 0%,#001727 100%);
    background: -ms-linear-gradient(top, #003458 0%,#001727 100%);
    background: linear-gradient(to bottom, #003458 0%,#001727 100%);
}

小提琴

我正在观察onClick事件导致页面重新加载的行为.

$('#target').click(function(){
    $('#target').hide();
})

因此显示了对象,它隐藏了单击,但随后页面重新加载并再次显示对象.我正在建立一个在我之前设置的网站,所以我并不完全了解它的所有部分.知道什么可能导致这种行为以及如何解决它？