htmlÖеÄdiv±êÇ©µÄº¬ÒåºÍÓ¦ÓÃ
CSSÊÇDHTMLµÄ»ù´¡£¬CSSÓÃÓÚÉ趨HTMLÔªËØÔÚÒ³ÃæÉϵÄÏÔʾ·ç¸ñ£¬¶øCSS-PÔòÊÇCSSµÄÒ»¸öÀ©Õ¹£¬Ëü¿ÉÓÃÀ´¿ØÖÆHTMLÔªËØÔÚÍøÒ³ÉÏ»òÕß˵ÔÚ´°¿ÚµÄλÖá£ÏÂÃæµÄÁ½¸öÁ´½ÓÌṩÁËCSSºÍCSS£PÏ꾡µÄ¼¼ÊõÊֲ᣺
¡¡¡¡ W3C CSS-Positioning
¡¡¡¡ Builder.com's CSS Guide
¡¡¡¡ ÔÚ±¾¿Î³ÌÖУ¬½«»á·´¸´µØ¶ÔCSS½øÐнéÉÜ¡£
¡¡¡¡ ʹÓÃDIV±êÇ©
¡¡¡¡ ʹÓÃCSS£P£¬Ö÷ÒªÒÀ¿¿< div >±êÇ©À´ÊµÏÖ£¬µ±Äã°ÑHTMLÄÚÈÝ·ÅÔÚ< div >±êÇ©Àïʱ£¬¿ÉÒÔ³ÆËüΪ:“DIV¿é”, “DIV ÔªËØ”, “CSS-layer”,»òÕß¼òµ¥µÄ³ÆÖ®Îª“layer”¡£
¡¡¡¡ ʹÓÃDIV±êÇ©µÄ·½·¨ºÍÆäËû±êǩûÓÐʲôÁ½Ñù£º
¡¡¡¡ < div >
¡¡¡¡ HTMLÄÚÈÝ
¡¡¡¡ < /div >
¡¡¡¡ ´¿´âʹÓÃ< DIV >±êÇ©¶ø²»¼ÓÈκÎCSSÄÚÈÝ£¬ÆäЧ¹ûÓëÓÃ< P >< /P >ÊÇÒ»ÑùµÄ¡£
¡¡¡¡ µ«µ±°ÑCSS·Å½øDIV±êÇ©ÖÐÒÔºó£¬ÎÒÃǾͿÉÒÔÖ¸¶¨HMTLÔªËØÏÔʾÔÚÆÁÄ»ÉϵľßÌåλÖ㬿ÉÒÔÔÚijһλÖÃÉÏ»³ö·½ÐλòÏߣ¬»òÕßÖ¸¶¨ÎÄ×ÖÔÚijһ¸ö¿éÖÐÈçºÎÏÔʾ¡£Ê×ÏÈÒª×öµÄ£¬ÊǸøÕâ¸öDIVÔªËØ£¨¼´²ã£©¼ÓÉÏÒ»¸öΨһµÄID±êʶ£¨IDµÄ×÷ÓÃÀàËÆÓÚΪÕâ¸ö²ãÆð¸öÃû×Ö£©¡£
¡¡¡¡ < div¡¡id="abc" >
¡¡¡¡ ¼ÓÒ»¸öIDºÅ
¡¡¡¡ < /div >
¡¡¡¡ ²ãµÄID¿ÉÒÔËæÒâÉ趨£¬¿ÉÓÉ×Öĸ¡¢Êý×ÖºÍÏ»®Ïß×é³É£¬µ«±ØÐëÒÔ×ÖĸÆðÍ·¡£
¡¡¡¡ Äã¿ÉÒÔÓÃÒÔÏÂÁ½ÖÖ·½·¨À´ÊµÏÖCSS£º
¡¡¡¡ ǶÈëʽCSS:
¡¡¡¡ ǶÈëʽÊÇ×î³£Óõķ½·¨£¬
¡¡¡¡ < div¡¡id="abc" style="this is style" >
¡¡¡¡ ÄÚǶʽCSS
¡¡¡¡ < /div >
¡¡¡¡ ÍⲿÑùʽ±í£º
¡¡¡¡ ʹÓÃÍⲿÒýÈë·½·¨µÄ½á¹ûÊÇÒ»ÑùµÄ£¬Ö»²»¹ýËüÔÚÊéдÉÏÒªÏàÓ¦µÄ¸´ÔÓÒ»µã¡£
¡¡¡¡ < style type="text/css" >
¡¡¡¡ < !--
#abc {this is style}
¡¡¡¡ -- >
¡¡¡¡ < /style >
¡¡¡¡ < div¡¡id="abc" >
¡¡¡¡ ÒýÓÃÍⲿÑùʽ±í
¡¡¡¡ < /div >
¡¡¡¡ ¿çä¯ÀÀÆ÷CSSÊôÐÔ£º
¡¡¡¡ ÎÒÃǵÄÄ¿±êÊÇʹNetscapeºÍIEÁ½Õß¶¼ÄܶÔËùд³öµÄDHTML˳Àû¹¤×÷£¬ÎÒÃǶÔÊéдµÄCSSÊôÐÔÓÐЩÏÞÖÆ¡£Ò»°ãÀ´Ëµ£¬ÒÔÏÂÊôÐÔÊÇÓÉW3C½øÐйý¶¨ÒåµÄ±ê×¼¡£
¡¡¡¡ position
¡¡¡¡ ¶¨ÒåÈçºÎ·ÅÖÃDIV£¬"relative"ÊÇÖ¸DIVÓëÆäËûHTMLÔªËØµÄÏà¶ÔλÖã»"absolute"ÔòÊÇÖ¸DIVÔÚ´°¿ÚÖеľø¶Ô¶¨Î»¡£ÕâÒ»¿ÎÖÐÎÒÃÇÖ÷ÒªÊǽ²“absolute”¡£
¡¡¡¡ left
¡¡¡¡ ×ó±ß¾à£¨Ïà¶ÔÓÚ´°¿ÚµÄÏñËØ¿í£©
¡¡¡¡ top
¡¡¡¡ ¶¥²¿±ß¾à
¡¡¡¡ width
¡¡¡¡ ²ã¿í
¡¡¡¡ height
¡¡¡¡ ²ã¸ß
¡¡¡¡ ËùÓÐDIVÖеÄHTMLÔªË
Ïà¹ØÎĵµ£º
1. web.config
<connectionStrings>
<add name ="myconn" connectionString="Data Source=who\SQLEXPRESS; Initial Catalog=dbname;Integrated Security=True;" providerName="System.Data.SqlClient"/>
</connectionStrings>
2.
string htmlPath = "D:\\htmlFiles";
......
<!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>
<meta NAME="Copyright" CONTENT="">
<meta http-equiv="Content-Type" content="text/html; charset=u ......
×î³£ÓõÄ×Ö·ûʵÌå
ÏÔʾ½á¹ûÃèÊöʵÌåÃû³ÆÊµÌå±àºÅ
¿Õ¸ñ
 
<
СÓÚºÅ
<
<
>
´óÓÚºÅ
>
>
&
ºÍºÅ
&
&
"
ÒýºÅ
"
"
'
ƲºÅ
' (IE²»Ö§³Ö)
'
ÆäËûһЩ³£ÓõÄ×Ö·ûʵÌå
ÏÔʾ ......
ÔÚÍøÉÏËÑѰµ½2Öнâ¾ö·½°¸£º
1.ÆäʵֻҪÔÚ±í¸ñ¿ØÖÆÖÐÌí¼ÓÒ»¾ä
<td style="word-break:break-all">¾Í¸ã¶¨ÁË¡£
ÆäÖпÉÄܶÔÓ¢ÎÄ»»ÐпÉÄÜ»á·Ö¿ªÒ»¸öµ¥´ÊÎÊÌ⣺½â¾öÈçÏ£º
Óï·¨£º
word-break : normal | break-all | keep-all
²ÎÊý£º
normal : ¡¡ÒÀÕÕÑÇÖÞÓïÑԺͷÇÑÇÖÞÓïÑÔµÄÎı¾¹æÔò£¬ÔÊÐíÔÚ×ÖÄÚ»»ÐÐ
break-all ......
ÔÚÍøÉÏËÑѰµ½2Öнâ¾ö·½°¸£º
1.ÆäʵֻҪÔÚ±í¸ñ¿ØÖÆÖÐÌí¼ÓÒ»¾ä
<td style="word-break:break-all">¾Í¸ã¶¨ÁË¡£
ÆäÖпÉÄܶÔÓ¢ÎÄ»»ÐпÉÄÜ»á·Ö¿ªÒ»¸öµ¥´ÊÎÊÌ⣺½â¾öÈçÏ£º
Óï·¨£º
word-break : normal | break-all | keep-all
²ÎÊý£º
normal : ¡¡ÒÀÕÕÑÇÖÞÓïÑԺͷÇÑÇÖÞÓïÑÔµÄÎı¾¹æÔò£¬ÔÊÐíÔÚ×ÖÄÚ»»ÐÐ
break-all ......