昨日、北京の企業との面接に参加しました。非常に難しい CSS 試験の質問がありました。答えてください。ありがとうございます。 _html/css_WEB-ITnose

昨日、北京の海淀区にあるテクノロジー企業に面接に行きました。試験用紙を渡されましたが、やり方が分からない質問をこっそり書き留めて、フォーラムの友達に手伝ってもらいました。答えてください！

質問: 次の HTML コードをよく読んで、次の 2 つの関数を実装する CSS コードを記述してください。

duv1

twoDiv" style="border:solid 1px red >div2

1. id が oneDiv に等しい id が bigDiv に等しい 2 つの div を垂直方向 (高さ) に 3 等分します。 oneDiv と twoDiv に等しい ID を持つ 2 つの div のうち、両方とも 1px ピクセルです)?
2. ID が 1、2、3 である 3 つの Span 要素を、ID が bigDiv である div に均等に表示しますか?








ディスカッションへの返信 (解決策)

1 oneDiv と twoDiv に等しい ID を持つ 2 つの div の高さは両方とも 1px ピクセルです これは間違いです。これら 2 つの div の高さは次のように決定されます。コンテンツ、つまりテキストコンテンツ。

1 oneDiv と twoDiv に等しい ID を持つ 2 つの div の高さは両方とも 1px ピクセルです

これは間違いです。これら 2 つの div の高さはコンテンツ、つまりテキスト コンテンツによって決まります。

----------------------------------

申し訳ありませんが、間違えました。ID は 2 です。 divs oneDiv および twoDiv コンテンツはありません。

コードは次のとおりです。 twoDiv" style="border:solid 1px red " >

div>

分割されたコンテンツは 3 行だけではありませんか真ん中の行
HTMLタグの構造が間違っています
ドンダメだよ


真ん中に区切り線が入ったたったの3行の内容じゃないですか
HTMLタグの構造が間違っています
やめてください

------ ------ ---
分割線を追加する場合、分割線の幅を制御する方法はありません。分割線はすべてブラウザと同じ幅であり、前述の効果は得られません

ただし、「最初のスパン」、「2 番目のスパン」、および「3 番目のスパン」はどちらも水平方向に中央揃えではなく、垂直に。

問題は解決しませんでしたが、それでも投稿しました。