Javascript 如何确定div容器的大小&;另外,额外内容以3点显示

Javascript 如何确定div容器的大小&;另外,额外内容以3点显示,javascript,html,Javascript,Html,我想修正div容器的大小&也不要用它的内容扩展div容器,如果用3个点显示的额外内容读得更多就可以了 这是你的答案吗 <!DOCTYPE html> <html> <head> <style> div.a { white-space: nowrap; width: 50px; overflow: hidden; text-overflow: clip; border: 1px solid #000000; } div.

我想修正div容器的大小&也不要用它的内容扩展div容器,如果用3个点显示的额外内容读得更多就可以了

这是你的答案吗

<!DOCTYPE html>
<html>
<head>
<style> 
div.a {
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: clip; 
  border: 1px solid #000000;
}

div.b {
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  border: 1px solid #000000;
}

div.c {
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: "----"; 
  border: 1px solid #000000;
}
</style>
</head>
<body>

<h1>The text-overflow Property</h1>

<p>The following two divs contains a text that will not fit in the box.</p>

<h2>text-overflow: clip (default):</h2>
<div class="a">Hello world!</div>

<h2>text-overflow: ellipsis:</h2>
<div class="b">Hello world!</div>

<h2>text-overflow: "----" (user defined string):</h2>
<div class="c">Hello world!</div>

<p><strong>Note:</strong> The text-overflow: "<em>string</em>" only works in 
Firefox.</p>

</body>
</html>

a组{
空白:nowrap;
宽度:50px;
溢出:隐藏;
文本溢出:剪辑;
边框:1px实心#000000;
}
b组{
空白:nowrap;
宽度:50px;
溢出:隐藏;
文本溢出:省略号;
边框:1px实心#000000;
}
c区{
空白:nowrap;
宽度:50px;
溢出:隐藏;
文本溢出:“---”;
边框:1px实心#000000;
}
文本溢出属性
以下两个div包含一个不适合该框的文本

文本溢出:剪辑(默认值): 你好,世界! 文本溢出:省略号: 你好,世界! 文本溢出:“---”(用户定义的字符串): 你好,世界! 注意:文本溢出:“字符串”仅在 火狐


欢迎来到StackOverflow!就目前情况而言,很难理解你想做什么。请编辑您的问题以改进它。你能给我们提供更多关于你想做什么的背景吗?也许可以给我们展示一个例子,说明您希望您的网页如何与您当前编写的内容保持一致?