HTML:将 TextBox 替换为纯文本但保持布局

标签 html css layout user-interface

对于只读 View ,我想将文本框换成纯文本(因为它看起来比 disabled 文本框更好。

但是,纯文本没有相同的边距/边框/填充值,因此文本不再与文本框对齐的标签对齐。

使纯文本仍然与现有 label 对齐的适当技术是什么?

最佳答案

将其放入 display:inline-block div 中。 vertical-align:baseline 也可能有帮助。根据标签的标记,您还需要将标签更改为内联 block 。 (如果您可以提供一些标记,可能会更容易提供帮助。也许是 jsfiddle?)

关于HTML:将 TextBox 替换为纯文本但保持布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8289921/

相关文章:

css - IE 10 特定的 CSS

html - 如何使用 CSS 将两列居中?

html - 在页面内时图像显示异常大

javascript - 缩放背景图像时,它开始在 Chrome 中闪烁

javascript - 通过使用范围输入而不使用 getElementById 更新媒体音量

javascript - jquery生成的表显示不正确

html - 图像未居中,文本对齐 :center

css - jquery 选项卡 css 流体布局

android - 设置屏幕布局样式

html - 任何适用的指令均未提供 FormControl