×Ö·û´®½ØÈ¡ÎÊÌâ 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.
Ïà¹ØÎĵµ£º
ÏëÐÞ¸ÄÒ»ÏÂ×Ó×Ô¼ºµÄCSS£¬ÒòΪ²©¿Í±êÌâÕýºÃ°ÑÍøÒ³Í¼Æ¬ÉϵÄÎÄ×ÖÕýºÃµµÁËÒ»²¿·Ö£¬¿´ÆðÀ´ºÜ²»Ë¬¡£×îºóȷʵÊÇÓÉ“marginÃüÁî”À´¿ØÖƵģ¬ÓÚÊÇÉÏÍøÑ§Ï°ÁËÒ»ÏÂ×ÓÕâ¸öµÄÓ÷¨¡£marginÔÚÖÐÎÄÖÐÎÒÃÇ·Òë³ÉÍâ±ß¾à»òÕßÍâ²¹°×£¨±¾ÎÄÖÐÒýÓÃÍâ±ß¾à£©¡£ËûÊÇÔªËØºÐÄ£ÐÍ£¨box model£©µÄ»ù´¡ÊôÐÔ¡£
Ò»¡¢marginµÄ»ù±¾ÌØÐÔ
marginÊô ......
CSS´úÂëÈçÏ£º
img { /*-- רÃÅÓÃÓÚÏÞ¶¨ÎÄÕÂDIVϵÄͼƬ --*/
max-width: 680px;
max-height: 700px;
}
*html img { /*¼æÈÝIE6*/
width: expression(this.width > 700 && this.width > this.height ? 680 : tr ......
ʾÀý£º´ËDIVΪ¹Ì¶¨¶¨Î»¶ÔÏó
ҪʹHTMLÔª¼þ¶¨Î»ÓÚä¯ÀÀÆ÷µÄij¸ö¹Ì¶¨Î»Ö㬶ø²»Ëæ¹ö¶¯Ìõ¹ö¶¯£¬ÓÃÒÔÏÂCSS´úÂë¼´¿É£¬¿ç¸÷¸öÖ÷Á÷ä¯ÀÀÆ÷£º POSITION: fixed! important; TOP: 100px; _position: absolute; _top: 40; _left: 100¡£
ʾÀý¼ûÓұ߻Ƶ׺ì×Ö¿é¡£ ......
¾ºÕù¹æÔò£ºcssÔÊÐí¶à´Î½«Í¬Ò»¸ö¹æÔò¸³Óèij¸öÔªËØ¡£²ãµþÅÅÐò¸ù¾Ý¹æÔòÖÐʹÓõÄÑ¡Ôñ·û½«¹æÔò»®·Ö6×飬¸ßÓÅÏȼ¶×éÀïµÄ¹æÔò»á¸²¸ÇµÍÓÅÏȼ¶×éÀïµÄ¹æÔò¡£ÆÕͨµÄÑ¡Ôñ·û»áÉèÖÃÎĵµµÄ×ÜÌåÑùʽ£¬¸ü¾ßÌåµÄÑ¡Ôñ·û»á¸²¸ÇÆÕͨѡÔñ·û£¬ÒÔΪÆäÌṩ¸ü¼ÓÌØÊâµÄÑùʽ
6¸öÑ¡Ôñ·ûȺ×飺
1. ʹÓÃ!important¹æ ......
£¨1£© УÑéHTMLÎĵµ£¬È·±£Óï·¨ÎÞÎó
£¨2£© УÑéÿһ¸öcssÑùʽ±í
a) È·±£°ÑÊʵ±µÄ¶ÈÁ¿µ¥Î»·ÅÔÚ·ÇÁã³ß´çºó£¬²¢ÇÒÔÚµ¥Î»ºÍÊý×ÖÖ®¼äûÓпոñ
b) È·±£Ô ......