CSS 设置字体文本框上下居中

 时间:2026-02-14 19:24:52

在做网页的时候,想实现一个功能就是:textbox 要比较高,然后里面的字体,要上下居中。并且字体的大小要和textbox 相符合。

但是,我设置了textbox 的 height 后,

CSS 设置字体文本框上下居中

CSS 设置字体文本框上下居中

如上所示:并不是很美观。

那么其实,可以通过设置 line-height css属性 为 textbox的 height 。如 line-height:40px

为 textbox的height

并且设置 css属性的 font-size:140%; 设置 字体的大小。

入托所示:

CSS 设置字体文本框上下居中

这样的话,显示就比较好看了。

 总结一下:

 设置 line-height: 属性 以及 font-size:属性。

具体的要根据自己的适应情况进行调节。

CSS 设置字体文本框上下居中

  • 使用jq方法怎样实现从上到下慢慢出现
  • background: url(1.jpg)no-repeat 1px 1px;
  • jQuery折叠下拉菜单收缩展开
  • jquery怎么给input输入框赋值?
  • 前端页面运用rem自适应屏幕大小
  • 热门搜索
    建党节手抄报内容 童心向党手抄报 预防溺水手抄报 国庆节手抄报内容 防控疫情手抄报 春天手抄报 珍爱生命手抄报 消防安全手抄报内容 中秋节的手抄报 中国传统文化手抄报