2016-04-13

stylesheet:ウインドウの中央に配置する



<body style="margin: 0; padding: 0; overflow: hidden;">

      <div style="
        position: absolute;
        width: 100%;
        height: 100%;
        display: table;
        table-layout: fixed;
      ">
        <div style="
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            line-height: 0;
            background-color: lightyellow;
        ">
          <span style="
            max-width: 100%;
            max-height: 100%;
            font: bold 42px sans-serif;
          ">テキスト</span>
        </div>
      </div>

</body>

サンプル