我可以将展示应用于父母而不是特定的孩子吗？

与header类的div具有display:flex属性。我希望flex属性仅适用于链接，而不会影响“nonflex”div。我可以将展示应用于父母而不是特定的孩子吗？

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <link rel="stylesheet" type="text/css" href="main.css"> 
 
\t <title>return</title> 
 
</head> 
 
<body> 
 
<div class="header"> 
 
\t <a href="#">Accueil</a> 
 
\t <a href="#">Statistiques</a> 
 
\t <a href="#">SMS</a> 
 
\t <a href="#">mise a jour</a> 
 
\t <a href="#">Parametres</a> 
 
\t <div class="nonflex"> 
 
\t \t 
 
\t </div> 
 
</div> 
 

 
</body> 
 
</html>

来源

2016-12-28 gaston_n

尝试使用''ExternalInterface.call – cwallenpoole

使用JavaScript（ “document.getElementsByClassName（ 'NONFLEX'）。长度”）？ –

你能澄清吗？你对nonflex div有什么期望？填满剩下的空间，走下去，成为全宽还是别的东西？那链接呢？留在那里，使用全宽，均匀喷雾，否则......滑溜？ –

你只需要在保鲜propertie到柔性元素，并设置宽度为100％设定为.nonflex孩子，这仍然是一个柔性的孩子。但不是那么明显。

.header { 
 
    display:flex; 
 
    flex-wrap:wrap; 
 
/* demo ? */ 
 
justify-content:space-around; 
 
    } 
 
.header .nonflex { 
 
    width:100%; 
 
    /* see me for the demo*/ 
 
    padding:1em; 
 
    border:solid; 
 
    }

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <link rel="stylesheet" type="text/css" href="main.css"> 
 
\t <title>return</title> 
 
</head> 
 
<body> 
 
<div class="header"> 
 
\t <a href="#">Accueil</a> 
 
\t <a href="#">Statistiques</a> 
 
\t <a href="#">SMS</a> 
 
\t <a href="#">mise a jour</a> 
 
\t <a href="#">Parametres</a> 
 
\t <div class="nonflex"> 
 
\t \t 
 
\t </div> 
 
</div> 
 

 
</body> 
 
</html>

来源

2016-12-28 20:23:32

从你的答案看来，我可能误解了这个问题。我以为他不想让'.nonflex'成长，而不是他想要另一排。 OP从未提到过...... –

@AndreiGheorghiu他在回复我的评论时做了澄清;） –

没错。刚刚看到它。那么，你问的问题很好。新年快乐！ –

我可以将展示应用于父母而不是特定的孩子吗？

回答

相关问题