0

HTMLをプログラミングしてから長い時間が経ちました。私のドキュメントには現在、div タグ内に含まれる Google チャートがあります。ページにコンボ ボックスとテキスト ボックスを追加して、グラフの背後にある js を操作したいと考えています。以前はテーブルを使用してページ上のアイテムを整理していましたが、現在はどのように行われているのでしょうか?

ちなみに、私のdivは次のようになります。

<div id="visualization" style="width: 600px; height: 400px;"></div>
4

1 に答える 1

2

HTML 4 では、div 要素を使用し、ID またはクラスでスタイルを割り当てます。

<div id="mainContent>
     <div class="container">
         <!-- Content Here-->
     </div>
     <div class="container">

     </div>
</div>

CSS; これにより、幅 960px の中央にページが配置され、各コンテナーに境界線が表示されます。

html, body {text-align: center}
#mainContent {width: 960px; margin: 0 auto;}
.container {margin: 10px; border: 1px #000 solid}

2 つの列を取得するには、次のように使用します。.container

.container {margin: 10px 0 10px 10px; width: 465px; float: left}

何かをフロートするときはいつでも、特定の幅を与えたいと思うでしょう。フロートされた要素のコンテナに特定の高さがなければ、追加します

<div style="height: 0; clear: both">&nbsp;</div>

そうしないと、このようにコンテナが浮動要素の下部まで拡張されません。

フロートに関する記事はこちら: http://www.alistapart.com/articles/css-floats-101/

もう少しレイアウトの要素を見つけて編集しようと思います。

編集: HTML 5 を使用した場合の主な違いは、、、、などheaderの要素が追加されることです。HTML 4 には.footersectiondiv

編集：

レイアウトでのフロートの使用に関する別の適切なチュートリアルを次に示します。

http://www.ozu.com/html-tutorials/tutorial-multi-column-layout-using-css-float-part-t85704.html

于 2012-08-04T18:45:06.767 に答える