×Ö·û´®½ØÈ¡ÎÊÌâ css½ØÈ¡×Ö·û´®×¢ÒâÊÂÏî
<div class="llist" >
<div class="lbar">¶¨ÏòÓªÏú</div>
<ul class="lbox01" style="height: auto;min-height: 100px;">
<c:forEach var="item" items="${marketInfos.results}">
<li><div style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;max-width: 220px;font-size:13px;" mce_style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;max-width: 220px;font-size:13px;">
<a href="#" mce_href="#" title="<c:out value="${item.content}" escapeXml="false"></a>" onclick="showThis('<c:out value="${item.title}"/>','<fmt:formatDate value="${item.createdTime}" pattern="yyyy-MM-dd hh:mm"/>',this);return false;">
<c:out value="${item.title}"/></a></div></li>
</c:forEach>
ÕâÊÇÔÀ´µÄ´úÂë¡£
˵һÏÂÓÃ
style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
ÕâÖÖ·½·¨Òª×¢ÒâµÄÎÊÌ⣬
1.×îºÃ¼Ódiv£¬Ö±½Ó·ÅÔÚ<li>ÄÇ»á³öÎÊÌâ¡£·ÅÔÚ<A>ÀïÒ²Ò»Ñù¡£²»¹ýIE7ºÍFFºÃÏñÐС£
2.ie6ÔÚ´ËÖÖ·½Ê½Ï²»Ö§³Ömax-width.
Ïà¹ØÎĵµ£º
!importantÓï·¨Õë¶ÔµÄÊÇ“ºóÃæµÄÊôÐÔ¸²¸ÇÇ°ÃæµÄÊôÐÔ”ÕâÒ»Óï·¨£¬Ò²¾ÍÊÇ˵±êʶÁË!importantµÄÊôÐÔ£¬ÊDz»±»ºóÃæµÄÏàͬÊôÐÔËù¸²¸ÇµÄ£¬¶øIE6²»ÈÏʶÕâ¸ö£¬µ¼ÖÂÆäËûä¯ÀÀÆ÷ºÜÈÝÒ׸ù¾ÝÕâµã“ÆÛ¸º”IE6£º
div{¡¡
¡¡¡¡¡¡¡¡text-decoration:overline;¡¡
¡¡¡¡¡¡¡¡*text-decoration:line-through!important;¡¡
¡ ......
¸Õ¿´µ½Ò»ÆªÎÄÕ£¬ËäÈ»ÄÚÈÝ´óÒâ֮ǰÔç¶¼Á˽â¹ý£¬Ò²¶¼¿´µ½¹ýʵÀý£¬µ«ÊÇ»¹ÊÇÔÚÕâ¸öµØ·½×ܽáһϰɣº
CSS¾«Á飬¿ÉÒÔ°ÑÍøÒ³ÖеÄһЩͼƬºÏ³ÉÒ»¸öͼƬ£¬Í¨¹ýCSSÀ´¿ØÖÆÏÔʾ£¬¼õÉÙHTTPµÄÇëÇó´ÎÊý£¬ÔÚÒ»¶¨³Ì¶ÈÉÏÔö¼ÓWEBµÄ½¡×³ÐÔ¡£
¶ÔÓÚÉÙÓÚ200KµÄͼƬ£¬·þÎñÆ÷½âÎöµÄËٶȶ¼Ã»ÓÐÌØ±ð´óµÄ²î±ð£¬µ«ÊÇͨ¹ýͼƬµÄºÏ³É£¬¿ÉÒÔ¼õÉÙHTTPµÄ´ÎÊ ......
cssѧϰ
1¡£Ò»¸öÀàÒÔ.¿ªÍ·¡£Àý£º.bigtext
2¡£Ò»¸öIDÒÔ#¿ªÍ·¡£Àý£º#header
3¡£¶¨ÒåÒ»¸ö²ã¡£Àý£º#header {position: absolute; left: 32; top: 20}
ÔÚhtmlÖУ¬<div id="header"> <img src="abc.gif"> </div>
div±ØÐë¸ø³öid¡£
4¡£overflow¡£¼ìË÷»òÉèÖõ±¶ÔÏóµÄÄÚÈݳ¬¹ýÆäÖ¸ ......
ʾÀý£º´ËDIVΪ¹Ì¶¨¶¨Î»¶ÔÏó
ҪʹHTMLÔª¼þ¶¨Î»ÓÚä¯ÀÀÆ÷µÄij¸ö¹Ì¶¨Î»Ö㬶ø²»Ëæ¹ö¶¯Ìõ¹ö¶¯£¬ÓÃÒÔÏÂCSS´úÂë¼´¿É£¬¿ç¸÷¸öÖ÷Á÷ä¯ÀÀÆ÷£º POSITION: fixed! important; TOP: 100px; _position: absolute; _top: 40; _left: 100¡£
ʾÀý¼ûÓұ߻Ƶ׺ì×Ö¿é¡£ ......