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

 时间:2024-11-12 03:13:02

在做网页的时候,想实现一个功能就是: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自适应屏幕大小
  • 热门搜索
    四川大学博物馆 孔庙和国子监博物馆 怎么注册qq号 应和的近义词 怎么更改文件格式 异想天开的近义词 婴儿咳嗽怎么办 焖面怎么做好吃 欺负的近义词 顽强的近义词