This article gives you the content is about CSS implementation of text content if beyond the set width of the ellipsis instead of the rest of the content (code), there is a certain reference value, there is a need for friends to refer to, I hope
$ (function () {var evt = "onorientationchange" in window? "Orientationchange": "Resize";Window.addeventlistener (evt, function () {Location.reload ()}, False); When the screen is rotated, refresh the page, (prevent the image from getting the width
1, equal-ratio scaling layout
Creating a scaling layout is a way to divide a page into columns and then set their widths in proportions rather than pixels. Take the following two column layouts for example:
111cn.netLeftRight
2, the width of
The page has a list of data, a table, placed in a div window with the following structure:
Copy CodeThe code is as follows:
.... List data ....
Set the style #container {width:100%; margin:10px;} for container;
Style is set for grid #
I recently made a document report. Because the customer requires that the printing paper have special rules and many table columns, but the entire report should not exceed 200mm in width, I want to adjust it in any way.
However, problems are still
The page has a list of data, a table, placed in a div window, structured as follows:
Copy Code code as follows:
Set the style #container {width:100%; margin:10px} to container;
Style #grid {width:100%} is set for
the width setting for span is not valid by default
How to set the width of span in HTML . This seems to be a very simple question, as if using the width attribute in style. For example
test span
fixed width span
After the test
Nginx cache acceleration steps are as follows
One, add moduleThe Nginx cache shared by this article requires additional compilation of ngx_cache_purge modules. As for the download module, recompile will be said later.Second, nginx configurationTo
1. Default internal and external margins are different: the default internal and external margins for each browser are resolved differently: *{margin:0;padding:0;} 2. Problem with horizontal centering: Set Text-align:center ie6-7 text centered,
We are often confronted with the following situations:
1, IMG Image has a border, especially after the link of the picture with a border
2, pictures beyond the bursting div
View CSS Set picture width height
Below we solve these 2 problems
Now with the advent of each terminal (cell phone, ipad and other tablets, as well as the various terminals of the mobile phone resolution and size are different, and now the mobile phone user traffic is treasure, the emergence of a variety of
Box modelOne, the area in the boxThe main attributes in a box are 5: width, height, padding, border, margin.Width is the meaning of "breadth", which is the width of the content in CSS, not the width of the box.Height is a "high" meaning, the height
1. Default internal and external margins are differentProblem:The default internal and external margins for each browser are differentSolve:*{margin:0;padding:0;}2. The problem of horizontal centeringProblem:Set Text-align:centerIe6-7 text centered,
ObjectiveFor mobile WebApp developers, viewport is a very important thing, easy to use but often do not understand, so I am determined to understand it.name= "Viewport" content= "Width=device-width, initial-scale=1, Maximum-scale=1, minimum-scale=1,
Definition of Table table width is defined with the width width attribute within the table label, and the width can be defined by the CSS style setting, and you can choose the definition width method that you want to apply.
One, HTML table label
Previous wordsDisplay properties are very common in page layouts, but often use only a few property values such as block, Inline-block, inline, and none, and this article will detail all aspects of the display propertydefinitionThe display property
Now with the advent of the terminal (mobile phones, ipads and other tablets), as well as the various terminals of the phone resolution and size are different, now mobile phone user traffic is treasure, there are a variety of online generation of
Change the width of the layout. the ratio is 1-2-1.Set width: 85% for the total width; min-width: pixel PX for the IE 6; (for the min-width supported, available) Set width: 66% for the content; float: left; side set width: 33%; float: right; add
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.