相关疑难解决方法(0)

使用JavaScript计算文本宽度

我想用JavaScript来计算字符串的宽度.这是否可以在不使用等宽字体的情况下实现?

如果它不是内置的,我唯一的想法是为每个字符创建一个宽度表,但这是非常不合理的,特别是支持Unicode和不同的类型大小(以及所有浏览器).

javascript textbox

435
推荐指数
10
解决办法
37万
查看次数

以*字符*指定宽度

使用固定宽度字体时,我想以字符指定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"单位看起来不可信任.

css font-size

101
推荐指数
2
解决办法
6万
查看次数

是否有用于文本字段的jQuery自动增长插件?

我找到了各种用于自动增长textarea的插件,但没有输入文本字段.有人知道是否存在?

javascript scripting jquery

67
推荐指数
3
解决办法
3万
查看次数

jQuery - 自动大小文本输入(不是textarea!)

如何使用jQuery自动调整input type ="text"字段的大小?我希望它在开始时像100px宽,然后在用户输入文本时自动扩展...这可能吗?

html jquery input

40
推荐指数
4
解决办法
9万
查看次数

设置输入宽度以适合文本大小

我有并输入图标,看起来像这样: 截屏

<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具有固定宽度,但如果我将其设置为自动,则输入不会拉伸。

css

5
推荐指数
1
解决办法
1万
查看次数

当内部文本大于输入本身时,如何使 html 输入展开

我有一个输入(html 元素),有时来自用户的输入(文本)大于输入(html 元素)的宽度,有没有办法使输入(html 元素)在用户键入时自动增长?

观察。如果只用 css 制作就更好了

----------------------------------编辑1----------- ------------------------

我制作了一个JSfiddle,正如您所看到的,当您输入太多文本时,文本会被裁剪。我现在正在尝试让它与<span contenteditable="true" >

html javascript css jquery user-input

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×3

javascript ×3

jquery ×3

html ×2

font-size ×1

input ×1

scripting ×1

textbox ×1

user-input ×1