Let the contents of the div be centered vertically, but there are several ways to do so, and so I enumerate:
Line height (line-height) method
If you want to center vertically with only one line or several words, it is the easiest to make, as long
Premise: Bubble box or cue box is a very common Web page, there are many ways to achieve it, we used to cut the picture and then through the "positioning" way to locate the corresponding location, but in this way maintenance is very troublesome,
I divide the Forum homepage into header area, information area, content area, footer area. First of all with a large div to include these, mainly in view of the overall adjustment of the page is convenient, such as to adjust to widescreen or narrow
Force No Line wrapping
div{
White-space:nowrap;
}
Wrap Line
div{
Word-wrap:break-word;
Word-break:normal;
}
Force word breaking in English
div{
Word-break:break-all;
}
CSS settings do not change careers:
Overflow:hidden
Original link: CSS design:custom underlines
by A List Apart Magazine and the author authorized translation. (Translated with the permission of A List Apart Magazine and the author[s].)
Note: the "[Supplemental]" content of the article is added by
Elements in HTML we divide him into one box, boxes can be placed inside the box, you can also place text, by default, we set the box maring, padding and border, regardless of what unit set the value, these values will be calculated in the overall
CSS hack technology is the use of different browsers different versions of the CSS implementation of the characteristics of the differences to meet the effect we need: in all major browsers display a unified effect, or for a specific browser to
CSS hidden div box and HTML content method
How to use CSS styles to hide content in HTML without affecting the use of code features.
We often want to hide some content, such as the site to add Third-party statistics Display icon, how to hide
Only for novice reference study, we welcome you to propose more ways to achieve.
Interlaced
This is interlaced color ah.
This is an interlaced color ah ... (2009-8-20)
This is an interlaced color ah ... (2009-8-20)
This is an
CSS3 offers a number of new and advanced design features that have revolutionized web front-end development, many of the complexities that require JavaScript to achieve, and are now easy to implement with CSS3. This article introduces you to the CSS3
In the installation of WordPress theme, and sometimes encounter the hint "topic missing STYLE.CSS style sheet", I have encountered such problems, the Internet to find a lot of methods to view, finally finally the perfect solution. Do not know your
One of the most confusing aspects of CSS styling is the Font-size property of the text extension in your application. In CSS, you can display the size of text in a Web browser in four different units of measure. Which of the four units is best for
12.16 ~ 12.23 working log, 12.1612.23 working log
2016.12.161. Added touchmove and other events to the function called by the cick event will cause event penetration, details (http://www.tuicool.com/articles/6NfaUnM)
The click event of a mobile
Incorrect CSS webpage layout: CSS width calculation, css width
Why calculate the width?Calculating the pixel width of a webpage aims to make the CSS webpage layout neat and compatible. We usually calculate the width of the entire page when layout is
1. Type selectorWhat is a type selector? The identifier that uses the existing tag type in the webpage as the name. Body is a tag type in a webpage. div, p, and span are all.As follows:Body {}Div {}P {}Span {}2. Group selection operatorFor XHMTL
In the CSS Elementary tutorial, we only consider the HTML selector-in the form of HTML tags.Of course, you can use the class selector and the identifier selector id to define your own selector.The benefit of doing so is that depending on the class
Tip: you can modify some code before running CSS-like Taobao homepage navigation bar button layout effectHomepageDigital communicationWomenManHomeBooks and audioSportsGamesPetsHong Kong StreetTaobao MallCopy the effect of the navigation bar on the
When developing a WordPress topic, if the CSS and JS files of the topic are frequently updated but the topic is online, how does one allow a visitor's browser to obtain the latest CSS and JS files instead of waiting for the browser to delete the
WordPress introduces many css/js methods and has many conditions. It is necessary to clarify when a script needs to be registered and then loaded only on certain pages.Load css/js at the front endUse the wp_enqueue_script () function to load js, use
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.