Control the vertical center of the text in the HTML text box through CSS

When the height attribute of Text is defined, the text entered in the Text is not vertically centered. However, you can add CSS to control it and make the entered text vertically centered to make the web page more perfect.

Copy code

The code is as follows:

<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>

After adding the two attributes of verticla-align and line-height, the text in the text box is vertically centered in the text box. It should be noted that line-height must be equal to height.

Solve the problem of MYSQL connection port being occupied and introducing file path errors

Blog

Control the vertical center of the text in the HTML text box through CSS

How to use React slots

Detailed explanation of MySQL combined query

Vue+element ui realizes anchor positioning

Vue component organization structure and component registration details

Summary of several postures that must be mastered in Linux compilation optimization

Execute initialization sql when docker mysql starts

What knowledge systems do web designers need?

A detailed analysis and processing of MySQL alarms

Solve the problem of MYSQL connection port being occupied and introducing file path errors

Basic usage tutorial of IPTABLES firewall in LINUX

Recommend

How to import Chinese data into csv in Navicat for SQLite

Comparing the performance of int, char, and varchar in MySQL

How to configure Bash environment variables in Linux

Detailed explanation of JavaScript event concepts (distinguishing between static registration and dynamic registration)

Solve the problem of inconsistency between mysql time and system time in docker

Three ways to create a gray effect on website images

HTML basics HTML structure

MySQL Quick Data Comparison Techniques

Can't connect to local MySQL through socket '/tmp/mysql.sock' solution

WeChat applet scroll-view implements a solution to duplicate data loading when pulling up

How to use docker to build redis master-slave

Detailed explanation of the basic commands of Docker run process and image

Nginx configuration based on multiple domain names, ports, IP virtual hosts

Detailed explanation of the difference between Mysql temporary table and partition table

The difference and reasons between the MySQL query conditions not in and in