CSS style to center the HTML tag in the browser

CSS style to center the HTML tag in the browser
CSS style:

Copy code
The code is as follows:

<style type="text/css">
#login{
position:absolute;
top:50%;
left:50%;
margin-left: - half the width of the label;
margin-top: - half the height of the label;
}
</style>

HTML part:

Copy code
The code is as follows:

<div id="login"></div>

<<:  The connection between JavaScript and TypeScript

>>:  A brief discussion on MySQL select optimization solution

Recommend

React.js framework Redux basic case detailed explanation

react.js framework Redux https://github.com/react...

This article will help you get started and understand the basic operations of Jquery

Table of contents 1. Steps to use Jquery: (1) Imp...

Solution to MySQL being unable to start due to excessive memory configuration

Problem Description MySQL reports an error when s...

MySQL Quick Data Comparison Techniques

In MySQL operation and maintenance, a R&D col...

Detailed explanation of the process of troubleshooting the cause of high CPU usage under Linux

Table of contents Preface start step Troubleshoot...

An article to show you how to create and use Vue components

Table of contents 1. What is a component? 2. Crea...

Install Apple Mac OS X in VMWare12 Graphic Tutorial

1. Introduction: Because my friend wanted to lear...

A brief discussion on front-end production: Is IE6 still necessary for compatibility?

The domestic market still has a certain demand fo...

How to use VLAN tagged Ethernet card in CentOS/RHEL system

In some scenarios, we want to assign multiple IPs...

MySQL8 Installer version graphic tutorial

Installation The required documents are provided ...

11 Examples of Advanced Usage of Input Elements in Web Forms

1. Cancel the dotted box when the button is press...

How to use CSS media query aspect-ratio less

CSS media query has a very convenient aspect rati...

Raspberry Pi msmtp and mutt installation and configuration tutorial

1. Install mutt sudo apt-get install mutt 2. Inst...

Various types of jQuery web page verification code plug-in code examples

html <!DOCTYPE html> <html lang="en...

JavaScript Advanced Closures Explained

Table of contents 1. The concept of closure Addit...