search

Home  >  Article  >  Web Front-end  >  The CSS method of displaying the excess part as an ellipsis is compatible with Firefox_javascript skills

The CSS method of displaying the excess part as an ellipsis is compatible with Firefox_javascript skills

WBOY
WBOYOriginal
2016-05-16 19:02:311144browse

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



The css method of displaying the excess part as an ellipsis is compatible with Firefox_Script House_www.jb51.net
* { margin: 0; padding: 0; }
a { text-decoration: none; color: #000; } a:hover { text-decoration: none; color: #000; }
ul { width: 300px;
margin: 40px auto;
    padding: 12px 4px 12px 24px;
    border: 1px solid # D4D4D4; 
  • background: #F1F1F1; } li { margin: 12px 0; }
    • li a { Be careful not to write it at the end*/                                                                                                                               / 
    li:not(p) { 
  • clear: both; } li:not(p) a { 
    • max-width: 170px; 
    float: left; 
  • } li:not(p):after { content: "..."; 
    • float: left; 
    width: 25px; 
  • padding-left: 5px; color: #000;                                          🎜> 

  • suntear’s technical space 

  • suntear’s technical space 

  • suntear’s technical space 

suntear’s technical space
 
suntear’s technical space suntear’s technical space
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：javascript data structure questions_javascript skillsNext article：javascript data structure questions_javascript skills

Related articles

See more