0

私は次のことをしたい：

http://s8.postimage.org/k82svi22r/example.gif

div、cssのみで。セルを残してフロートしても問題ありませんが、スペースにこだわっています。ボーダーを使用しようとしましたが、隣り合った div が 2 行になりました。または、タイトルの色が境界線をはみ出しています...これを行う簡単な方法があることを願っています!

4

2 に答える 2

5

簡単な方法、テーブルがあります。カレンダーは表形式のデータのテーブルなので、使用しても問題ありません。

于 2012-11-15T11:44:13.897 に答える
3

これを試してください（これはドラフトです）

  <html>
  <head>
    <style>
      #root{
        width:102px;
        overflow: auto;
        border-top : 1px solid black;
        border-right: 1px solid black;
      }
      .cell {
        width:50px;
        height: 50px;
        float:left;
        border-left: 1px solid black;
        border-bottom:1px solid black;
      }
    </style>
  </head>
  <body>
    <div id="root">
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell"></div>
    </div>
  </body>
</html>
于 2012-11-15T11:51:28.013 に答える