0
headerクラスのdivはdisplay:flexプロパティです。私はフレックスプロパティが "非フレックス" divに影響を与えずにリンクにのみ適用されるようにしたい。 display：flexを特定の子供ではなく親に適用できますか？
A
答えて
0
<!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>.nonflex子供に100％にラップフレックス要素にpropertieとセット幅を設定する必要があります。しかしそれほど明白ではない。
.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>+0
あなたの答えは、私が質問を誤解しているように見えます。私は彼が '.nonflex'の成長を望んでいないと思った。 OPはそれを決して言及しなかった... –
+0
@AndreiGheorghiu彼は私のコメントに返信で明確にした;） –
+0
右。ちょうどそれを見た。さて、あなたが頼んだのは良いことです。明けましておめでとうございます！ –
JavaScriptを使用して '' – cwallenpoole
ExternalInterface.call（ "document.getElementsByClassName（ 'ノンフレックス'）。長さ"）を使用してみてください？ –
あなたは明確にすることができますか？ nonflex divからどのような結果が期待できますか？左のスペースを埋める、下に行く、全幅か他の何かになる？リンクはどうですか？そこにとどまり、全幅を使い、均等にスプレーし、そうでなければ...グロップ？ –