文本框文字垂直居中 CSS

<html>
<head>
<style type="text/css">
    #text {
        height:20px;
        vertical-align:middle;
        line-height:20px;  /*line-height must be equal to height*/    
    }
</style>
</head>
<body>
    <table>
        <input type="text" id="text">
    </table>
</body>
</html>

转载于:https://www.cnblogs.com/njl041x/p/3920188.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,关于Java文本框字体垂直居中,可以使用以下代码实现: ``` JTextField textField = new JTextField(); textField.setHorizontalAlignment(JTextField.CENTER); textField.setVerticalAlignment(JTextField.CENTER); ``` 这里使用了JTextField类的setHorizontalAlignment和setVerticalAlignment方法,分别用来设置文本框中的文本水平和垂直方向的对齐方式,将其设置为居中即可实现文本垂直居中。 另外,关于CSS文字垂直居中的8种方法,可以参考以下内容: 1. 使用line-height属性,将行高设置为与容器高度相同。 2. 使用display:table-cell属性,将文本容器的display属性设置为table-cell,然后使用vertical-align:middle属性将文字垂直居中。 3. 使用display:flex属性,将文本容器的display属性设置为flex,然后使用align-items:center属性将文字垂直居中。 4. 使用position:absolute属性,将文本容器的position属性设置为absolute,然后使用top:50%和transform:translateY(-50%)属性将文字垂直居中。 5. 使用display:inline-block和vertical-align:middle属性,将文本容器的display属性设置为inline-block,然后使用vertical-align:middle属性将文字垂直居中。 6. 使用padding和line-height属性,将文本容器的padding属性设置为相同的值,然后将line-height设置为与容器高度相同即可。 7. 使用CSS Grid布局,将文本容器的display属性设置为grid,然后使用align-items:center属性将文字垂直居中。 8. 使用CSS Grid布局,将文本容器的display属性设置为grid,然后使用place-items:center属性将文字水平和垂直居中。 希望这些内容能对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值