小编Luc*_*aro的帖子

如何将html列宽修复为其内容的最大宽度?

我正在尝试为输入表单格式化表格,如下所示.该表看起来有点像这样:

       Name:
Time of day:
Run Code Online (Sandbox Code Playgroud)

依此类推,其中每个字段标签后面跟着输入字段.我的目标是有一个包含两列的表,一列用于字段标签,另一列用于输入字段,这样:

  • 左列的大小由最长的字段标签自动确定,因此字段标签永远不会被缠绕.
  • 输入字段本身尽可能向右扩展.

我当然知道我可以将左栏固定为例如20em长,而另一列100%,但这不是我要求的 - 我不想测量然后输入固定宽度像20em; 我希望宽度自动从该列中最长项目的宽度派生.这听起来像是一个相当普遍的愿望; 有没有办法简单地做到这一点?

html css html-table width

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

标签 统计

css ×1

html ×1

html-table ×1

width ×1