我可以將展示應用於父母而不是特定的孩子嗎？

與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他在回覆我的評論時做了澄清;） –

沒錯。剛剛看到它。那麼，你問的問題很好。新年快樂！ –

我可以將展示應用於父母而不是特定的孩子嗎？

回答

相關問題