我想用JavaScript来计算字符串的宽度.这是否可以在不使用等宽字体的情况下实现?
如果它不是内置的,我唯一的想法是为每个字符创建一个宽度表,但这是非常不合理的,特别是支持Unicode和不同的类型大小(以及所有浏览器).
使用固定宽度字体时,我想以字符指定HTML元素的宽度.
"em"单位应该是M字符的宽度,所以我应该能够用它来指定宽度.这是一个例子:
<html>
<head>
<style>
div {
font-family: Courier;
width: 10em;
}
</style>
</head>
<body>
<div>
1 3 5 7 9 1 3 5 7 9 1
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
结果不是我想要的,因为第15列后的浏览器行中断,而不是10:
1 3 5 7 9 1 3 5
7 9 1
Run Code Online (Sandbox Code Playgroud)
(在Ubuntu中都有Firefox和Chromium的结果.)
维基百科的文章说,"em"并不总是M的宽度,所以看起来"em"单位看起来不可信任.
我找到了各种用于自动增长textarea的插件,但没有输入文本字段.有人知道是否存在?
如何使用jQuery自动调整input type ="text"字段的大小?我希望它在开始时像100px宽,然后在用户输入文本时自动扩展...这可能吗?
我有并输入图标,看起来像这样:

<div class="input-with-icon">
<input type="text" value="abcdefeghijklmnopqrtvuvwxyz" class="form-control">
<span class="icon icon-calendar"></span>
</div>
Run Code Online (Sandbox Code Playgroud)
是否可以调整 CSS 以便输入始终适合文本宽度?例如,它会在我打字时拉伸。
目前,.input-with-icon具有固定宽度,但如果我将其设置为自动,则输入不会拉伸。
我有一个输入(html 元素),有时来自用户的输入(文本)大于输入(html 元素)的宽度,有没有办法使输入(html 元素)在用户键入时自动增长?
观察。如果只用 css 制作就更好了
----------------------------------编辑1----------- ------------------------
我制作了一个JSfiddle,正如您所看到的,当您输入太多文本时,文本会被裁剪。我现在正在尝试让它与<span contenteditable="true" >
css ×3
javascript ×3
jquery ×3
html ×2
font-size ×1
input ×1
scripting ×1
textbox ×1
user-input ×1