-5

テーブルの使用を避けながら、テキストを垂直方向に揃えようとして 4 時間を無駄にしました。

ここで概説されているアプローチを使用しようとしましたhttp://www.jakpsatweb.cz/css/css-vertical-center-solution.htmlこれは、スタックで推奨されるソリューションの1つと思われます。

ただし、必要な結果を達成しながら応答性の高いレイアウトを維持するために、使用する必要がある構造と CSS (フローティング/パーセント幅/要素内の要素の絶対配置など) を考えると、何らかの落とし穴が原因で、提供されたソリューションが機能するようにします。

最終的には、時間を無駄にしないように、まとめてテーブルを使用する必要がありました。

だから私の質問は、(一部の) レイアウトのテーブルを何としてでも避けるべきですか、それとも、述べられたジレンマの頻度と今日のレイアウトの複雑さを考慮して、このビューはまったく進化したのでしょうか?

編集:

ハックのように見えるのはどれですか? あなたはそれを見つけることができますか?

これはハックです。上記のリンクはそれを述べています! (ページで「ハック」という単語を検索します。)

<div class="greenBorder" style="display: table; height: 400px; #position: relative; overflow: hidden;">
    <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
      <div class="greenBorder" style=" #position: relative; #top: -50%">

これは html が使用されるように設計された方法であり、常に機能します。

<table>
<tr>
<td>
Text

何がきれいに見える?! だまされてはいけません!自分の心を使え!

4

1 に答える 1

1

だから私の質問は、(一部の)レイアウトのテーブルをどうしても避けるべきかということです

はい

それとも、述べられたジレンマの頻度と今日のレイアウトの複雑さを考慮して、このビューはまったく進化しましたか?

ビューは、より多くの CSS に対するブラウザーのサポートが強化されたことで進化しました。

于 2013-04-17T12:29:48.227 に答える