Getting Started with the web Front End in Practice: Vertical and Horizontal Centering with Variable Heights and Widths of CSS, 9 Ways to Summarize

Vertical centering is a common topic in CSS and is often mentioned during interviews.So today, let's talk about nine different ways of centering. Common flex, transform, absolute, and so on.There are also grid layouts for CSS3.There are also pseudo element methods, yes, you can read them correctly:: after and:: before can also achieve centerin ...

Posted by robertf on Wed, 15 Jan 2020 08:21:15 -0800

The best way to center is on vertical and horizontal pages? [repetition]

The answer is already here: How to center elements horizontally and vertically (19 answers) Closed 11 months ago. What's the best way to center < div > elements vertically and horizontally on a page? I know that margin lef ...

Posted by Kwakhed on Tue, 14 Jan 2020 19:37:17 -0800

CSS basic tutorial

Summary from Qianfeng HTML, CSS tutorial, original video websitehttps://www.bilibili.com/video/av52670599 Article directory start Basic concepts of HTML HTML syntax Typical structure of HTML document: Common labels: Extended learning iframe nested pages: map and area embed and object audio and ...

Posted by macloy on Mon, 13 Jan 2020 22:31:48 -0800

This article takes you to understand the most important class AbstractQueuedSynchronizer(AQS) in Java concurrency (end)

Article directory CountDownLatch Use example Source code analysis CyclicBarrier Semaphore summary This article is the last one in AQS series. In the first one, we analyzed the core of AQS through ReentrantLock fair lock. In the second one, we explained the Condition and the use of thread interru ...

Posted by gum1982 on Sun, 12 Jan 2020 01:42:11 -0800

Write the carousel chart with timer

Sometimes some wonderful ideas have some unexpected results. As a young Mengxin, I feel that other people's rotograms are always written in such a natural and atmospheric way, while my own is always from other people's place, Ctrl+V, and then I started to write by myself, In one attempt, I found a funny thing. HTML code ...

Posted by imamferianto on Thu, 09 Jan 2020 08:28:00 -0800

Is there a way to detect if the browser window is currently inactive?

My JavaScript is active on a regular basis. When the user does not view the site (that is, the window or tab does not have focus), it is best not to run. Is there a way to do this with JavaScript? My reference point: if the window you are using is not activated, Gmail chat will play sound. #1 building Since the initial writing of t ...

Posted by Shifty Geezer on Wed, 08 Jan 2020 07:22:31 -0800

Qt prepare 25 offline map of security video monitoring system

I. Preface The function of offline map has only been completed recently. Many people have asked if there is any function of offline map for a long time ago. They have also roughly learned how to make offline map before. In fact, the core is not the code, but how to get free offline map files. Most of the offline map downloaders are charged onli ...

Posted by Henaro on Tue, 07 Jan 2020 23:02:39 -0800

How to use jQuery to distinguish left mouse button from right mouse button

How do I use jQuery to get the mouse button I click? $('div').bind('click', function(){ alert('clicked'); }); This is triggered by the right mouse button and the left mouse button. What is the way to capture the right mouse button? I would be happy if the following existed: $('div').bind('rightclick', function(){ alert('right m ...

Posted by GaryE on Tue, 07 Jan 2020 22:02:53 -0800

HTML5 compilation of students' Archives

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Practice student forms</title> <link rel="stylesheet" href="../ ...

Posted by blawson7 on Mon, 06 Jan 2020 15:03:56 -0800

Problems encountered in the use of El input

1. When type=number or v-model.number maxlength is invalid because the attribute is valid for text, textarea, and password types. When type=number, the binding input is of type Number and cannot get length. 2. Global matching of phone numbers, verification codes (numbers only), and prices (numbers and decimal points only) Note: type must be ...

Posted by gvanaco on Mon, 06 Jan 2020 08:40:46 -0800