×Ö·û´®½ØÈ¡ÎÊÌâ 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Êô ......
£¨1£© УÑéHTMLÎĵµ£¬È·±£Óï·¨ÎÞÎó
£¨2£© УÑéÿһ¸öcssÑùʽ±í
a) È·±£°ÑÊʵ±µÄ¶ÈÁ¿µ¥Î»·ÅÔÚ·ÇÁã³ß´çºó£¬²¢ÇÒÔÚµ¥Î»ºÍÊý×ÖÖ®¼äûÓпոñ
b) È·±£Ô ......
1.cssÔÚ²»Í¬ä¯ÀÀÆ÷ÏÂÏÔʾЧ¹û²»Í¬
firefoxºÍIE¶ÔijЩcssÑùʽµÄÈ϶¨Óв»ÉÙÇø±ð£¬°üÀ¨£º
· ulºÍolµÄĬÈÏpaddingÖµÊDz»Ò»ÑùµÄ£¬ÔÚFirefoxÖУ¬ ......
Óï·¨£º
border-width : medium | thin | thick | length
²ÎÊý£º
medium : ¡¡Ä¬ÈÏ¿í¶È
thin : ¡¡Ð¡ÓÚĬÈÏ¿í¶È
thick : ¡¡´óÓÚĬÈÏ¿í¶È
length : ¡¡Óɸ¡µãÊý×ֺ͵¥Î»±êʶ·û×é³ÉµÄ³¤¶ÈÖµ¡£²»¿ÉΪ¸ºÖµ¡£Çë²ÎÔij¤¶Èµ¥Î»
˵Ã÷£º
Èç¹ûÌṩȫ²¿Ëĸö²ÎÊýÖµ£¬½«°´ÉÏ£Óңϣ×óµÄ˳ ......
¼ä϶ÊôÐÔÊÇÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߽çµÄ¾àÀë¡£°üÀ¨£º
1£©×ó¼ä϶ÊôÐÔ£¨padding-left£©
Õâ¸öÊôÐÔÓÃÀ´É趨×ó¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1{padding-left:1cm}
2£©ÓÒ¼ä϶ÊôÐÔ£¨padding-right£©
Õâ¸öÊôÐÔÓÃÀ´É趨ÓÒ¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1 {padding-right:1cm}
3£©Éϼä϶ÊôÐÔ£¨padding-top£©
Õâ¸öÊôÐÔÓÃÀ´É趨Éϼä϶µÄ¿í¶È¡£À ......