ホームページ  >  記事  >  ウェブフロントエンド  >  昨日、北京の企業との面接に参加しました。非常に難しい CSS 試験の質問がありました。答えてください。ありがとうございます。 _html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 11:57:271178ブラウズ

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

質問: 次の 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 までご連絡ください。
前の記事:Appleから正式リリースされたiPhone 6 & Plusのデザインmaterial_html/css_WEB-ITnose次の記事:Appleから正式リリースされたiPhone 6 & Plusのデザインmaterial_html/css_WEB-ITnose

関連記事

続きを見る