Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

ÄÚÈÝҳǶÌ×ĸ°æÒ³Ê±£¬ÄÚÈÝÒ³ÈçºÎµ÷ÓÃcssºÍjavascript

µ±ÔÚ×öÏîĿʱ£¬Í¨³£ÎÒÃÇ»á´óÁ¿µÄʹÓÃĸ°æÒ³£¬Ê¹ÓÃĸ°æÒ³µÄºÃ´¦ÏÔ¶øÒ×¼û£¬µ«Í¨³£ÔÚÄÚÈÝÒ³ÖÐǶÌ×ĸ°æÒ³Ê±£¬ÎÒÃÇ»¹ÒªÔÚÄÚÈÝÒ³Öе÷ÓÃcssÑùʽºÍ javascriptº¯Êý£¬ºÃ´¦ÓÐÁË£¬ÎÊÌâÒ²À´ÁË¡£ÓÐÁ½ÖÖ½â¾ö·½·¨£¬µÚÒ»ÖÖ¾ÍÊÇÔÚĸ°æÒ³µÄÍ·²¿<head></head>±ê¼ÇÖУ¬Ç¶ÈëËùÓÐcssÑùʽºÍjavascriptº¯Êý£¬ÕâÑù×öʹµÃĸ°æÒ³µÄÄÚÈݷdz£ÅÓ´ó£¬Èç¹ûÆäÖеÄһЩÄÚÈÝÒ³²¢²»ÐèÒªÆäÖеÄcssÑùʽºÍjsº¯Êý£¬ÔÚÒ³Ãæ¼ÓÔØÊ±£¬»¹ÊÇ»áÈ¥´Óĸ°æÒ³ÖмÓÔØ£¬ËùÒÔÕâÖÖ·½°¸ËäÈ»¿ÉÐУ¬µ«²¢²»ÍêÃÀ¡£·½°¸¶þ£º¾ÍÊÇÔÚĸ°æÒ³µÄÍ·²¿<head></head>±ê¼ÇÖзÅÈë<asp:ContentPlaceHolder id="head" runat="server">¡¡</asp:ContentPlaceHolder>¿Ø¼þ£¬ÔÚÄÚÈÝÒ³ÖÐÔÙÌí¼ÓÒ»¸ö< asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">¿Ø¼þ£¬IDÊôÐÔÉèΪ<asp:ContentPlaceHolder>µÄIDÖµ¡£ÕâÑù¾Í¿ÉÒÔÔÚÄÚÈÝÒ³ÖÐǶÈëcssÑùʽºÍjsº¯ÊýÁË¡£ÏÂÃæÊÇ´úÂ룬ÎҵĿª·¢»·¾³ÊÇMicrosoft Visual Studio 2008.
¡¡¡¡Ä¸°æÒ³´úÂ룺
<%@¡¡Master¡¡Language="C#"¡¡AutoEventWireup="true"¡¡CodeFile="indexPage.master.cs"¡¡
Inherits="indexPage"¡¡%>¡¡<%@¡¡Register¡¡Assembly="AjaxControlToolkit"¡¡
Namespace="AjaxControlToolkit"¡¡TagPrefix="cc1"¡¡%>
<!DOCTYPE¡¡html¡¡PUBLIC¡¡"-//W3C//DTD¡¡XHTML¡¡1.0¡¡Transitional//EN"¡¡"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html¡¡xmlns="http://www.w3.org/1999/xhtml"><head¡¡id="Head1"¡¡runat="server">¡¡
¡¡<title>Home¡¡Page</title>¡¡¡¡<%--´Ë´¦·ÅÈëContentPlaceHolder¿Ø¼þ¡¡--%>¡¡¡¡
¡¡<asp:ContentPlaceHolder¡¡id="head"¡¡runat="server">¡¡¡¡</asp:ContentPlaceHolder>¡¡¡¡
¡¡<meta¡¡http-equiv="content-type"¡¡content="text/html;charset=utf-8"¡¡/></head>
¡¡¡¡ÄÚÈÝÒ³´úÂ룺
<%@¡¡Page¡¡Title=""¡¡Language="C#"¡¡MasterPageFile="~/indexPage.master"¡¡
AutoEventWireup="true"¡¡CodeFile="companiesTest.aspx.cs"
¡¡Inherits="companiesTest"¡¡%><asp:Content¡¡ID="Content1"¡¡
ContentPlaceHolderID="head"¡¡Runat="Server">
<%--¡¡Content¿Ø¼þÄÚ£¬·ÅÈëÒªµ÷ÓõÄcssÑùʽºÍjsº¯Êý--%>¡¡¡¡
¡¡<link¡¡href="css/uses.css"¡¡rel="stylesheet"¡¡type="text/css"¡¡/


Ïà¹ØÎĵµ£º

CSS ÖÐ Display µÄÒ»Ð©ÌØÊâÊôÐÔ

ºÜ¶àʱºòÎÒÃDZØÐëʹһЩ¿éÔªËØ²¢ÅÅÏÔʾ£¬Ò»°ãÏëµ½µÄÊDZØÐëʹÓø¡¶¯£¬µ«ÊÇ¿éÔªËØ¸¡¶¯¸ø±ß¾à(margin)µÄʱºòÔÚIEÏ»á³öÏÖ¼Ó±¶µÄBUG£¬ËùÒԺܶàʱºò²»µÃ²»°ÑÕâ¸ö¿éÔªËØÌ×ÔÚÒ»¸öÄÚÁªÔªËØÀïÃæ£¬È»ºó¸øÄÚÁªÔªËظ¡¶¯ºÍ±ß¾à¡£½ñÌì¿´µ½ÁËâø·É¡¢ÇظèºÍÎÚÁú²è¹ØÓÚdisplay:inline-blockµÄÎÄÕ£¬ºÜ²»´í£¬×ÛºÏһϣ¬¼Ç¼ÏÂÀ´¡£
display:inl ......

ʹÓÃCSSºÍJQueryÇáËÉÇл»ÍøÒ³ÏÔʾÑùʽ


×÷ÕߣºIIduce   À´Ô´£ºcss9   ʱ¼ä£º2009-12-21   ÔĶÁ£º601 ´Î  Ô­ÎÄÁ´½Ó   [ÊÕ²Ø]  
×î½ü²úÆ·ÖÐÐèÒª¼ÓÈë“Ò»¸öÁбíÏÔʾÑùʽ¿ìËÙÇл»”µÄ¹¦ÄÜ£¬ÕýºÃÔÚÕâÆªÎÄÕÂÖп´µ½ÁËËüµÄʵÏÖ·½Ê½£¬¸Ð¾õºÜ²»´í¡£
ÕâÆªÎÄÕ½²ÊöµÄÊÇÈçºÎͨ¹ýCSSºÍJQueryÀ´ÊµÏÖÔ ......

CSSºÍJS±êÇ©styleÊôÐÔ¶ÔÕÕ±í


ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£©
JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......

css ³¬¹ý¿í¶ÈµÄÎÄ×ÖÏÔʾµãµã

text-overflow : ellipsis;
white-space : nowrap;
overflow : hidden;
½âÊÍһϣº
text-overflow £ºellipsis; //ÈýضϵÄÎÄ×ÖÏÔʾΪµãµã¡£»¹ÓÐÒ»¸öÖµÊÇclipÒâ˼Êǽضϲ»ÏÔʾµãµã
white-space : nowrap; //ÈÃÎÄ×Ö²»»»ÐÐ
overflow : hidden; //³¬³öÒªÒþ²Ø
ÒªÏÔʾΪµãµã£¬3¸öȱһ²»¿É£¬»¹ÓУ¬³ýÁËfirefox,operaÆäËûä¯ ......

ÈçºÎʹCSSäÖȾ¸ü¸ßЧ

ÎÒ³ÐÈÏÎÒ²¢²»¾­³£ÏëÕâ¸öÎÊÌâ......ÎÒÃÇдµÄcssµÄЧÂÊÊÇÔõôÑùµÄÄØ£¬ä¯ÀÀÆ÷äÖȾµÄËÙ¶ÈÓÖÈçºÎÄØ£¿
ÕâÊÇÓ¦¸ÃÊÇä¯ÀÀÆ÷¿ª·¢ÕßÓ¦¸Ã¹ØÐĵÄ(Ò³Ãæ¼ÓÔØ¸ü¿ì£¬Óû§¾Í»á¸üÓä¿ì)¡£MozillaÓÐһƪÎÄÕ£ºabout best practices . Googleµ±È»Ò²ºÜ¹ØÐÄÕâ¸öÎÊÌ⣬ËûÃÇÒ²ÓÐÕâÑùһƪÎÄÕ£ºOptimize browser rendering ¡£
ÈÃÎÒÃÇÁ˽âÏÂËûÃÇÖ÷Òª³« ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ