DIV 要素のオーバーフロー検出

この記事では、DIV 要素内の縦書きテキストのオーバーフローを判断する方法について詳しく説明します。 ]

div.rounded { 背景色: #FFF ; 高さ: 123ピクセル; 幅: 200ピクセル; フォントサイズ: 11px; オーバーフロー: 非表示; }

div.rounded {
  background-color: #FFF;
  height: 123px;
  width: 200px;
  font-size: 11px;
  overflow: hidden;
}

  Lorem ipsum dolor sit amet,
  consectetur adipiscing elit. Phasellus vel quam vestibulum orci blandit laoreet.

function GetContainerSize() { var コンテナ = document.getItemById("tempDiv"); var メッセージ = 「パディングを含むコンテンツの幅: コンテナ.スクロール幅 "ピクセル。\n"; メッセージ = 「パディングを含むコンテンツの高さ: コンテナのスクロール高さ "ピクセル。\n"; アラート(メッセージ); }

function GetContainerSize() {
  var container = document.getElementById("tempDiv");
  var message =
    "The width of the contents with padding: "  
    container.scrollWidth  
    "px.\n";
  message  =
    "The height of the contents with padding: "  
    container.scrollHeight  
    "px.\n";

  alert(message);
}

[Overflow Documentation](http://help. dottoro.com/ljbixkkn.php)