×Ö·û´®½ØÈ¡ÎÊÌâ 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ѧϰ
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¡£
ʾÀý¼ûÓұ߻Ƶ׺ì×Ö¿é¡£ ......
£¨1£© УÑéHTMLÎĵµ£¬È·±£Óï·¨ÎÞÎó
£¨2£© УÑéÿһ¸öcssÑùʽ±í
a) È·±£°ÑÊʵ±µÄ¶ÈÁ¿µ¥Î»·ÅÔÚ·ÇÁã³ß´çºó£¬²¢ÇÒÔÚµ¥Î»ºÍÊý×ÖÖ®¼äûÓпոñ
b) È·±£Ô ......
CSSÑ¡ÔñÆ÷¿ÉÒÔ׼ȷµÄ²éÕÒµ½Ö¸¶¨µÄ±êÇ©£¬Ê¹ÓÃCSSÑ¡ÔñÆ÷¿ÉÒÔʹÎÒÃÇ·½±ãΪ±êÇ©¶¨ÒåCSSÑùʽ£¬¶ø²»ÓÃΪÿ¸ö±êÇ©¶¼¶¨ÒåCSSÑùʽ¡£
ÏÂÃæÎÒÃǽ²Ò»ÏÂ×î³£ÓõÄÎåÖÖCSSÑ¡ÔñÆ÷£º
Ò»¡¢±êǩѡÔñÆ÷£ºÍ¨³£ÓÃËüÀ´²éÕÒHTMLÖеÄijһÖÖ±êÇ©¡£
ÀýÈ磺
ҪΪHTMLÖеÄËùÓÐP±êÇ©Éè¼ÆÑùʽ£¬¿ÉÒÔʹÓÃÏÂÃæµÄ·½·¨
p { font:12px;}
¶þ¡¢idÑ¡ÔñÆ÷£º Í ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>FLYSO Blog-- JS´úÂëʵÏÖµÄ×Ô¶¯·ÖҳЧ¹û~!</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT=""& ......