First, the original is not a bug
Years ago, in Chrome, at first I thought it was a bug in the Chrome browser.
Today's prototype reproduction, in each modern browser under the test, obediently lung, all is a urine sex, it seems to be the norm, not a
Method One: Using Box-pack's Justify implementation: Use the Display:flex elastic box model to adapt the width according to the window size. The code is as follows:
10 203050
The effect is as follows:
Method Two: using the column multi-column
Name:border-collapseCategory: TablesSummary: set whether the edges of rows and cells are mergedOverview:border-collapse is the distance between a style, and that sets the distance between rows or in a table, which can be passed border= " xxx
In the overall layout of the page, the size of the page elements (length, width, padding, and so on) and page font sizes is also one of the important tasks. A reasonable setting, it will make the page look hierarchical, focus on bright, pleasing.
Grammar:
List-style-position:outside | Inside
Parameters:Outside: List item markers are placed outside of text, and wrapping text is not aligned with tagsInside: List item markers are placed within text, and wrapping text is aligned according to
Are you aware of the use of CSS list-style-image properties, and here we describe the List-style-image property using an image to replace the tag of a list item that specifies an image as an ordered or unordered list item flag.
CSS List-style-image
Using CSS, you can specify a background image or background color for an HTML tag, and you can set the location of the image.
css Background This is a H1 level title: Light Green This is a H2 level title: Light Red This is a H3 level title (
margin overlap
Excerpt from the css2.1 specification Chinese version
In CSS, adjacent margin of two or more boxes (possibly but not necessarily brothers) is combined into a margin. Margin is called overlapping in this way (collapse), the resulting
The reason for this problem is that the interviewer asked me about the effect of margin and padding on the inline element in the previous interview, as if I hadn't answered it. These two days just have time to write a few demo to see this problem,
Border-width--Defines the width of the four borders: {1,4} | Inherit {1,4}: Border width (can have one, two, three or four values) inherit: Inherit initial value: Medium Inheritance: No applies to: all elements border: border, Width: breadth. Border-
When making a page, we often use "font-family" to define the font, whereas the font we define with "font-family" in the user's browser can be rendered depending on whether or not we have the fonts installed on the user's computer. On the network we
Border (picture border), it is a CSS property, it can be used to determine the range of HTML tags (such as TD, p, etc.) to draw a border, you can add a border to the text, the navigation menu with a divider, the following to share an instance with
Although dedecms.com to introduce a lot of CSS properties related knowledge, but some very unpopular properties are still deficient. In the B/S program, the control of the printed page, CSS is relatively weak, for example: automatic paging,
1. The history of floating
Do you know? The first floating intention is to achieve the effect of text wrapping, similar to a picture in the upper left corner, and then it is surrounded by text around it, this scene I believe everyone has seen it!
CSS3-loading animation (3), css3-loading Animation
Sharing continues, and images are not really visible
Online demo: http://liyunpei.xyz/loading.html
11. effect 11
The four balls are respectively contained in four square Divs. The ball is
CSS Study Notes 10: relative positioning, absolute positioning and fixed positioning, css Study Notes
The element position in the Document Stream is determined by the element position in (X) HTML. This is the most primitive normal stream, the
"UTF-8", "UTF8", "UTF-8", "utf8" between the difference, utf-8utf8
Essentially, there is no difference.1. "UTF-8" is a standard writing;2. In Windows, English is case-insensitive, so it can also be written as "UTF-8 ";3. "UTF-8" can also be omitted
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service