After setting the Table-layer:fixed style on the table, we find that there is a row in the table merged, the column width of the other rows not merged will be averaged, the setting of the column width will be invalidated, the following detailed
Application Scenario One:
When the table has a long English, if not set table-layout:fixed or Word-break:break-all, then the width of the cell display is not the width we set, as follows:
3
If the text in the cell exceeds the width limit, it wraps and automatically increases in height, causing the entire table to be ragged, but you can work around the problem by disabling text wrapping to allow the table to fill the screen (the
Found in the CSS, when the Border-collapse set to separate for, should not empty-cells the result is the same, and with show and hide value are the same, hope you pointing.
In the CSS2 standardGrammar:
Empty-cells:show | Hide
Value:Show: Default
The border of the table is the most headache in the page production, with the edge of the table in the previous very annoying to do, but today finally solved the problem, the following example with you to share the next page production of the most
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 CSS, margin refers to the distance from its own border to the border of another container, which is the outer distance of the container. In CSS, padding refers to the distance between the inner border of another container within itself and the
First, we need to understand these two kinds of positioning in the style;
Absolute (absolute positioning): Drag the Assigned object from the document stream and use attributes such as Left,right,top,bottom to absolutely locate the parent object
currently almost all major browsers support the position attribute (except "Inherit", "Inherit" does not support all including IE8 and previous versions of IE, IE9, IE10 have not been tested), The following is an explanation of W3school's five
There are three properties in CSS3 about border: Rounded corners Border-radius, picture border border-image, border multi-color border-color, where fillet Border-radius is a common attribute, And now a lot of website making fillet effect use
-webkit-user-select and-moz-user-select
Perhaps you often don't want users to select text on your site, whether it's for copyright reasons or not. Usually you will have JS to achieve, another option is to set the value of-webkit-user-select
Font-size-adjust
This useful CSS3 property is currently only supported by Firefox. We can use it to set the text size (font-size) of the specified element relative to the height of the lowercase letter (x-height) rather than the height of the upper
PSD to HTML,
On the design manuscript, there is an inline introductory message that, when the text is too long, requires the use of a processed scroll bar to display.
If you require Firefox compatibility, you can use JQ to make it.
If only IE
Css-scrollbar-face-color Custom scroll bars
Because of the needs of the site, or the appearance of the page and other specific needs can be used to customize the way to set the scroll bar, is the current source rendering effect.
SOURCE Effect:
Html notes, html learning notes
I. HTML features1: All tags in Html are fixed in advance and can be used directly to get the corresponding effect;2: The suffix of the HTML file is .htmlor .htm;3: html code does not need to be compiled and 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
Bootstrap image, bootstrap image listPrevious
Images are also frequently used in web page creation. This article will introduce Bootstrap images in detail.
Response Image
Add.img-responsiveClass allows images to support responsive layout. The
Bootstrap icon and bootstrap icon LibraryPrevious
A small icon is an indispensable part of a good Web. The Bootstrap framework also provides more than 250 different icon images. This topic describes the Bootstrap icon in detail.
Principle
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