小编car*_*mba的帖子

Css从显示无转换到显示块,使用subnav导航

这就是我有jsFiddle的链接

nav.main ul ul {
    position: absolute;
    list-style: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    background-color: rgba(92, 91, 87, 0.9);
    -webkit-transition: opacity 600ms, visibility 600ms;
            transition: opacity 600ms, visibility 600ms;
}

nav.main ul li:hover ul {
    display: block;
    visibility: visible;
    opacity: 1;
}
Run Code Online (Sandbox Code Playgroud)
<nav class="main">
    <ul>
        <li>
            <a href="">Lorem</a>
            <ul>
                <li><a href="">Ipsum</a></li>
                <li><a href="">Dolor</a></li>
                <li><a href="">Sit</a></li>
                <li><a href="">Amet</a></li>
            </ul>
        </li>
    </ul>
</nav>
Run Code Online (Sandbox Code Playgroud)

为什么没有过渡?如果我订

nav.main ul li:hover ul {
    display: block;
    visibility: visible;
    opacity: 0; /* changed this …
Run Code Online (Sandbox Code Playgroud)

html css css3

42
推荐指数
3
解决办法
16万
查看次数

symfony2.3中'url'和'path'之间的区别是什么?

该文件说

{# src/Acme/ArticleBundle/Resources/views/Article/recentList.html.twig #}
{% for article in articles %}
    <a href="{{ path('article_show', {'slug': article.slug}) }}">
        {{ article.title }}
    </a>
{% endfor %}
Run Code Online (Sandbox Code Playgroud)

另外,可以像这样使用'url':

<a href="{{ url('_welcome') }}">Home</a>
Run Code Online (Sandbox Code Playgroud)

它让我困惑的是使用'url'和'path'之间有什么区别?

symfony twig

31
推荐指数
2
解决办法
3万
查看次数

选择奇数偶数孩子,不包括隐藏的孩子

第2行和第3行之间是隐藏的<div>.我不希望从odd/even css规则中取出那个.什么是使这个工作的最佳方法?http://jsfiddle.net/k0wzoweh/

在此输入图像描述

<style>
.box:not(.hidden):nth-child(even) {background: green}
.box:not(.hidden):nth-child(odd) {background: orange}
.hidden {display:none;}
</style>
<div class="wrap">
    <div class="box">xx</div>
    <div class="box">xx</div>
    <div class="box hidden">xx</div>
    <div class="box">xx</div>
    <div class="box">xx</div>
    <div class="box">xx</div>
    <div class="box">xx</div>
</div>
Run Code Online (Sandbox Code Playgroud)

注意:可以有多个hidden元素.

css css-selectors css3

24
推荐指数
5
解决办法
2万
查看次数

Symfony 2创建一个包含2个属性的实体表单字段

我正在使用symfony2并有一个表单来保存一个用户与某些规则的关系.这些规则由公司的管理员用户设置.在这种形式中,在我选择要更新的用户之后,我必须选择该用户具有权限的规则.

问题是我可能有多个具有相同名称的规则(它是另一个实体),但值不同.所以,当我构建selectbox时,我必须显示名称和值,如:

  1. 物品数量 - 10
  2. 物品数量 - 20
  3. 该项目的价值 - 200
  4. 该项目的价值 - 500

但现在我只能使用下面的代码显示" - $ value":

$form = $this->createFormBuilder()->add('myinput', 'entity', array(
                    'class' => 'myBundle:Rule',
                    'property' => 'childEntity.name',
                    'label' => 'Filas Permitidas',
                    'expanded' => false,
                    'multiple' => true,
                    'choices' => $this->getDoctrine()
                            ->getRepository('MyBundle:Rule')
                            ->findAll(),
                    'required' => true,
                ))->getForm();
Run Code Online (Sandbox Code Playgroud)

所以,作为我想要的财产$myEntity->getChildEntity()->getName()$myEntity->getValue().

有办法做到这一点吗?

php symfony-forms symfony

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

Flexbox,浮动或显示表

更新请注意kukkuz的答案是一个不错的黑客,但如果第一个框变得更多内容,它不是100%工作看到这个小提琴然后中心框开始向右移动

我需要的是这样的:

在此输入图像描述

哪里:

  1. 第一个盒子"Lorem ipsumd dolor sit amet"总是被放置好

  2. 第二个盒子"center content"总是居中

  3. 第三个方框"float left after center"必须在中心框之后

  4. 所有这些框都具有可变的内容长度,因此它可以是更少的内容,然后在图片中显示或更多.对于那3个番茄色盒子中的每一个

这就是我所拥有的

.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  background-color: powderblue;
}

.flex-item {
  background: tomato;
  padding: 5px;
  height: 100px;
  line-height: 100px;
  color: white;
  text-align: left;
}
Run Code Online (Sandbox Code Playgroud)
<div class="flex-container">
  <div class="flex-item">Lorem ipsumd dolor sit amet</div>
  <div class="flex-item">center content</div>
  <div class="flex-item">float left after …
Run Code Online (Sandbox Code Playgroud)

html css html5 css3 flexbox

16
推荐指数
2
解决办法
1944
查看次数

OpenSSL无法加载公钥

尝试在OSX Yosomite 10.10.2上通过命令行加密文本消息

创建这样的.pem公钥:

ssh-keygen -f ~/.ssh/id_rsa.pub -e -t PKCS8 > id_rsa.pem
Run Code Online (Sandbox Code Playgroud)

如果我尝试加密myMessage.txt

openssl rsautl -encrypt -inkey ~/.ssh/id_rsa.pem -pubin -in ~/Desktop/myMessage.txt -out ~/Desktop/encrypted.txt
Run Code Online (Sandbox Code Playgroud)

我明白了 unable to load Public key

如果我然后输入:

openssl asn1parse -in id_rsa.pem
Run Code Online (Sandbox Code Playgroud)

返回: Error: offset too large

但我不知道如何解决它.我应该改变什么来使它工作?

openssl ssh-keys

10
推荐指数
2
解决办法
2万
查看次数

jQuery点击不能在iPhone上工作(触摸设备)

任何人都可以向我解释为什么这是在浏览器中工作,但不是在苹果iPhone等移动设备上.在iPhone上我从来没有得到hello警报.为什么?

<div class="close">
  Click here
</div>
Run Code Online (Sandbox Code Playgroud)

JS:

$(document).on('click', '.close', function() {
  alert('hello');
});
Run Code Online (Sandbox Code Playgroud)

示例:https://jsfiddle.net/27ezjrqr/5/

javascript iphone jquery ios

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

什么函数在$(document).ready()

我只是不明白.我搜索和搜索,但为此我只是无法弄清楚什么是"正确的".

有三个例子.

1)小提琴1.0 下面我们就htmlonlick="function"javascript功能权限有作为,工作正常

 <span class="classic one"   onclick="someFunction(this,'one')">CLICK HERE</span>

 <script type="text/javascript">
    function someFunction(obj,nr) {
        var string = $(obj).attr('class');
        $('.result').text( string );
    }
</script>
Run Code Online (Sandbox Code Playgroud)

2)小提琴2.0 然后当我将函数移动到脚本部分(将其移动到.js文件)时,我收到一个错误"ReferenceError:someFunction not defined"

这就是问题开始的地方

3)小提琴3 所以现在我有一个函数在文件就绪调用.on(点击它总是工作正常.这个函数调用另一个函数,在docuemnt.ready()之外,也工作正常.

所以问题.我何时必须定义函数where AND WHY以便它始终有效?

谢谢!

示例3)中的所有代码如下所示:

<div class="result">result</div>

    <span class="classic one"   onclick="someFunction(this,'one')">CLICK HERE</span>
    <span class="classic two"   onclick="someFunction(this,'two')">CLICK HERE</span>
    <span class="classic three" onclick="someFunction(this,'three')">CLICK HERE</span>
    <span class="classic four"  onclick="someFunction(this,'four')">CLICK HERE</span>

<div class="ready">ready</div>


<span class="callOtherFunction">Call other function</span>


<script type="text/javascript">
    $(document).ready(function(){
        $('.ready').text( 'dom is ready' ); …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

8
推荐指数
1
解决办法
4238
查看次数

CSS:第一种类型不起作用

我想:第一种类型会影响我的情况下的第一种类型

<div class="box">I am the first box in div.center...</div>
Run Code Online (Sandbox Code Playgroud)

如果我删除 <div class="top">CSS工作并添加绿色顶部边框.

但是我需要<div class="top">,那么为什么它不起作用<div class="top">呢?

小提琴

<div class="main-wrap">
    <div class="center">
        <h3>Lorem Ipsum</h3>
        <div class="top">XXX XXX XXXX</div>
        <div class="box">I am the first box in div.center. Why no top border?</div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
    </div>
</div>

.box {
    width:100%;
    height:30px;
    margin:10px 0;
    background-color:orange;
}

.main-wrap .center div.box:first-of-type {
    border-top:4px solid green;
}
.box {
    position:relative;
    border-bottom:4px solid green;
}
Run Code Online (Sandbox Code Playgroud)

css css-selectors

7
推荐指数
1
解决办法
4701
查看次数

text-align:center不使用div元素

我一直在寻找大约45分钟,但在这里找不到我的问题的解决方案.我想要我的gallery类div(这些将动态创建)以仅使用css规则将它们自动对齐gallery_container div的中心.我正在学习,所以任何解释都会有所帮助!

提前致谢!

<head>
    <style>
    #gallery_container{
        text-align: center; 
        width:100%;
        overflow: auto; 
        background:orange;  
    }
    .gallery{
        text-align: left;   
        border-style: solid;
        border-width:3px;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px; 
        background:yellow;
        width:335px;
        padding:20px;
        float:left;
        margin:15px;
    }
    .gallery h2{
        margin-top:0;
    }
    .gallery img{
        height:120px;
        width:160px;
        float:right;
    }
</style>

<body>
    <div id ='content_gallery'>
        <h2>Gallery</h2>

        <div id='gallery_container'>
            <div class = gallery>
                <img src = 'bowling_01.png'>
                <h2>Company bowling</h2>
                <h4>Date: June 14, 2013</h4>
                <p>The company heads to Boca Bowl for our monthly bowling event!</p>
            </div>

            <div class = gallery>
                <img src = …
Run Code Online (Sandbox Code Playgroud)

html layout text-align center

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