CSS Table list

Source: Internet
Author: User

/* CSS Document */

table{
width:400px;
height:200px;
text-align:justify; "Left difference: if it is long English, with left words will not automatically break, the article on the right side will appear blank"

Border-collapse:separate; "Table Border Hollow/separate split/collapse collapse"
Border-collapse:collapse; "Table border real/collapse crashes"
border-spacing:10px; "Table Spacing"

Caption-side:bottom; "Set title position"

Empty-cells:hide; "Hide the background and borders of empty cells"

table-layout:fixed; "Line wrap y-axis extension/layout layout/fixed fixed" when content is too long
Table-layout:auto; "Stretched to the right/default format when content is too long"

border:5px solid red; "Set Table extra border"
}

Table TR th,table TR td{border:3px solid Blue;} "set Table inner border"




ul{
List-style-type:square;
width:120px;
List-style-image:url (1111.png); "Refer to Picture as prefix tag"
List-style-position:inside; "Make an unordered label part of the text"
List-style-position:outside; "Default/Make unordered labels independent of text, prefix text before"
}

"Disc solid round/circle Hollow round/square solid block/decimal Arabic numerals/Lower-roman lowercase roman numerals/upper-roman capital Roman numerals/lower-alpha lowercase English alphabet/ Upper-roman Capital English Letter "* *

ul{
List-style:lower-alpha inside URL (1111.png);

}

. aa{
Vertical-align:top;
Vertical-align:middle;
Vertical-align:bottom; "Alignment settings for individual tables"
}

b{

Vertical-align:sub;
Vertical-align:top; "Individual subscript settings"
}

div{
width:300px;
height:300px;
Background:silver;
Text-align:center;

}


Div Span{background:green;
vertical-align:-80px; "Div cannot be vertically centered, must be span and negative"
}

/*html <em> Content Introduction </em> <textarea rows= "1" > XI ' an </textarea> * *

em{
vertical-align:-50px;} "Position adjustment: positive up, negative number down"




CSS Table list

Contact Us

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.