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

- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-24 11:57:271277ブラウズ
昨日、北京の海淀区にあるテクノロジー企業に面接に行きました。試験用紙を渡されましたが、やり方が分からない質問をこっそり書き留めて、フォーラムの友達に手伝ってもらいました。答えてください!
質問: 次の 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 番目のスパン」はどちらも水平方向に中央揃えではなく、垂直に。
問題は解決しませんでしたが、それでも投稿しました。
声明:この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。