一个空间等于多少个像素？

Question

这是我的代码：

 <div style="position:absolute;top:300px;width:50px;height:50px;background:red;color:black;word-wrap:break-word;">
        <div contenteditable=true>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            aaaaa
            bbbbbbbbbbb
        </div>
</div>

我想填充 div 中的所有空间。

  有多少像素？

原文由 zjm1126 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以创建一个 <div> 包含   并分配一个 id 。设置字体大小和属性。然后使用以下命令读取当前的宽度和高度：

 var space=document.getElementById("space");
var height=(space.clientHeight+1)+"px";
var width=(space.clientWidth+1)+"px";

原文由 bcosca 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

“em”（1 个字符宽度）通常被认为是 16 x 16 像素。当然，如果查看者调整文本大小，那将会改变。

我不确定你想做什么，但如果你只想在文本上方留出空白空间，你可以在你的 div 中放置另一个 div（用于文本），然后设置一个“ margin-top: 10em; ” （或者你想要多少 ems）来提供空白空间。

原文由 user521731 发布，翻译遵循 CC BY-SA 2.5 许可协议