The Li style is not displayed. overflow: hidden causes the style of the Li front point, circle, and so on to disappear.

Source: Internet
Author: User

Comments: Overflow: hidden will affect the list-style, that is, when the overflow of Li in UL is hidden, the list-style does not work, and the previous vertices, circles, and other styles are not displayed, add style: List-style-position: Inside; To ul or Li.

In fact, overflow: hidden will affect the list-style, that is, when the overflow of Li in UL is hidden, the list-style does not work, and the previous vertices, circles, and other styles are not displayed.

Solution:Add style: List-style-position: Inside; To ul or Li. Adjust the position of the padding to make it the most suitable.

List style: 
Disc: css1 solid circle
Circle: css1 hollow circle
Square: css1 solid square
Decimal: css1 Arabic numerals
Lower-Roman: css1 lowercase roman numerals
Upper-Roman: css1 uppercase roman numerals
Lower-Alpha: css1 lowercase English letter
Upper-Alpha: css1 capital English letter
None: css1 does not use the project symbol
Armenian: Traditional Armenia numbers in css2
CJK-ideographic: css2 basic ideographic number
Georgian: css2 traditional George number
Lower-Greek: Greek lowercase letters based on css2
Hebrew: css2 traditional Hebrew numbers
Hiragana: css2 Japanese hirakana
Hiragana-iroha: css2 Japanese hirakana
Katakana: css2 Japanese Katakana
Katakana-iroha: css2 Japanese Katakana No.
Lower-Latin: css2 lowercase Latin letters
Upper-Latin: css2 capital Latin letters
* List-style-image: URL (images/disc.gif); Use disc.gif to represent list items
* List-style-position: Outside | inside
Outside: The list item tag is placed outside the text and is not aligned based on the tag
Inside: The list item tag is placed within the text and aligned around the text according to the tag

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.