×Ö·û´®½ØÈ¡ÎÊÌâ 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.
Ïà¹ØÎĵµ£º
/***************************by
garcon1986********************************/
¸ÐлCSDNµÄshan1119 °ïÎÒ½â¾öJavascript²¿·ÖµÄ´íÎó¡£
<mce:script language="JavaScript"><!--
function toggle(id,id2,id3) {
var state = document.getElementById(id).style.display;
if (state == 'block') {
......
ǰ̨div
Html´úÂë
<div id="DIV1" runat="server" >
</div>
ºǫ́:
C#´úÂë
this.DIV1.Style.Value = "display:none";
»òÕß:
C#´úÂë
DIV1.Attributes.CssStyle.Value = "display:none";
......
CSSÑ¡ÔñÆ÷¿ÉÒÔ׼ȷµÄ²éÕÒµ½Ö¸¶¨µÄ±êÇ©£¬Ê¹ÓÃCSSÑ¡ÔñÆ÷¿ÉÒÔʹÎÒÃÇ·½±ãΪ±êÇ©¶¨ÒåCSSÑùʽ£¬¶ø²»ÓÃΪÿ¸ö±êÇ©¶¼¶¨ÒåCSSÑùʽ¡£
ÏÂÃæÎÒÃǽ²Ò»ÏÂ×î³£ÓõÄÎåÖÖCSSÑ¡ÔñÆ÷£º
Ò»¡¢±êǩѡÔñÆ÷£ºÍ¨³£ÓÃËüÀ´²éÕÒHTMLÖеÄijһÖÖ±êÇ©¡£
ÀýÈ磺
ҪΪHTMLÖеÄËùÓÐP±êÇ©Éè¼ÆÑùʽ£¬¿ÉÒÔʹÓÃÏÂÃæµÄ·½·¨
p { font:12px;}
¶þ¡¢idÑ¡ÔñÆ÷£º Í ......
ËäÈ»CSSÑùʽµÄѧϰÐèÒªÎÒÃǶ¯ÊÖ¶àʵ¼ù£¬ÐèÒª¶à×ö°¸Àý£¬Ë¼ÖÂ˼¿¼£¬µ«ÓÐʱºò×¢Òâ×ÊÁϵÄÊÕ¼¯ÓëÕûÀíÒ²ÊǷdz£ÖØÒªµÄ£¬ÔÚʵ¼Ê¿ª·¢ÖÐÍùÍù»áÆðµ½Ê°빦±¶µÄЧ¹û¡£ÏÂÃæÒ»Ð©¹ØÓÚ°´Å¥¡¢Îı¾¿ò¡¢±íµ¥µÄ³£ÓÃCSSÑùʽ¡£´ó¼Ò¿ÉÒԲο¼¡£
Ò»¡¢°´Å¥Ñùʽ
.buttoncss {
font-family: "tahoma", "ËÎÌå" ......