³£ÓÃCSSÑùʽ¼Ç¼
margin-bottom:8px;ÉèÖöÔÏóϱ߾àµÄ¸ß¶È
ÄÚÁª¶ÔÏóҪʹÓøÃÊôÐÔ£¬±ØÐëÏÈÉ趨¶ÔÏóµÄheight»òwidthÊôÐÔ£¬»òÕßÉ趨positionÊôÐÔΪabsolute¡£
padding-top:10px;ÓëÉÏÒ»¸ö±êÇ©µÄ¾àÀë
padding-left:10px;Óë×ó±ßµÄ¼ä¾à
¼ìË÷»òÉèÖöÔÏ󶥱ߵIJ¹¶¡±ß¾à¡£
ÄÚÁª¶ÔÏóҪʹÓøÃÊôÐÔ£¬±ØÐëÏÈÉ趨¶ÔÏóµÄheight»òwidthÊôÐÔ£¬»òÕßÉ趨positionÊôÐÔΪabsolute¡£
²»ÔÊÐí¸ºÖµ¡£
vertical-align:bottom;
ÓÃÀ´¶¨ÒåÐÐÄÚÔªËØµÄ»ùÏßÏà¶ÔÓÚ¸ÃÔªËØËùÔÚÐеĻùÏߵĴ¹Ö±¶ÔÆë.
ËüµÄÖµ±È½Ï¶à£ºbaseline | sub | super | top | text-top | middle | bottom | text-bottom | inherit
±ÈÈç˵top¾ÍÊÇ´¹Ö±¶ÔÆëÎı¾µÄ¶¥²¿ ¡£
ÔÚ±í¸ñÖУ¬Õâ¸öÊôÐÔÉèÖõ¥Ôª¸ñÄÚÈÝµÄ¶ÔÆë·½Ê½.vertical-alignÓ¦ÓÃ×î¶àµÄÓ¦¸ÃÊÇÔÚtdÄÚ£¬¿ØÖÆÄÚ²¿¶ÔÏóλÖá£
background:url(right_hr.gif) repeat-x; ±³¾°Í¼Æ¬ºáÏò¶ÔÆë
line-height:20px;ÉèÖôËÐи߶È
font-size:12px;ÉèÖÃ×ÖÌåµÄ´óС
³åÍ»ÎÊÌ⣺³öÏÖÏñÑùʽ»òJSµ÷ÓõÄʱºò³öÏÖÁË´úÂëÃ÷Ã÷дµÄûÓÐÎÊÌ⣬µ«ÊÇÈ´´ï²»ÁËÏëµ½µÄЧ¹û¡£¿ÉÒÔ²éÒ»ÏÂJS»òÑùʽÓÐûÓкͱðµÄÓгåÍ»£¡
´úÂëÖ´ÐÐ˳ÐòÎÊÌ⣺ÔÚjspÒ³ÃæÖлáÊ×ÏÈ»á±àÒëJAVA´úÂëÈ»ºó´ÓÉÏÍùÏÂÖ´ÐУ¬Òª×Ô¶¯Ö´ÐеÄJS½Å±¾Èç<Script>function();</script>ÕâʱÔÚfunctionº¯ÊýÀïµ÷ÓõıêÇ©µÈ±ØÐëÊÇÒ³ÃæÀïÒѱàÒëµÄ¡£Ò²¾ÍÊÇ˵Èç¹ûfunctionÀïµ÷ÓÃÁËij¸ö±êÇ©£¬ÄÇËü¾ÍÒª·ÅÔÚÕâ¸ö±êÇ©µÄºóÃæ¡£·ñÔò¾Í»á±¨ÕÒ²»µ½·ûºÅ£¡
Ïà¹ØÎĵµ£º
magento¸ö±ðÒ³ÃæÌí¼ÓcssºÍjsÎļþ£¬¿ÉÒÔ½«Æä·ÅÔÚ¸ö±ðÒ³ÃæµÄxmlÖУ¬»òÕß·ÅÔÚCMSµÄlayout updateÖУ¬Æä´úÂëºÍÎļþ´æ·ÅλÖÃÈçÏÂ
<reference name="head">
<action method="addCss"><stylesheet>css/mystyles.css</stylesheet></action>
//Ìí¼Ócss mystyles.css ÎļþÔÚ /skin/frontend/Ö÷Ìâ°ü ......
Ò»Ö±ÒÔÀ´ÎÒ¶¼ÒÔΪcssÊÇÎÞ·¨ÏÞÖÆ×Ö·û³¤¶ÈµÄ£¬×î½ü²Å·¢ÏÖÔÀ´¿ÉÒÔÕâÑù.×î¼òµ¥µÄ¼æÈÝ·½·¨£º
.textOverflow {
width:100px;
white-space:nowrap;/*ÏÞÖÆµ¥ÐÐÊä³ö*/
text-overflow:ellipsis;/*Ö»Ö§³ÖIE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*OperaרÓÃ*/
-moz-binding: url('ov.xml#ellipsis');/*firefox ......
·Ò룺°¢½Ý
ÔÎÄ×÷ÕߣºRoger Johansson
×÷Õß¼ò½é£º×¡ÔÚÈðµä¸çµÂ±¤£¬1994Ä꿪ʼ½Ó´¥ºÍ²ÎÓëwebÉè¼Æ£¬456 Berea StreetÊÇËûµÄסַ£¬Òò´Ë²ÉÓÃÕâ¸öÃû×Ö×÷ΪËûµÄ¸öÈËÖ÷Ò³ÓòÃû ÔÎijö´¦£ºwww.456bereastreet.com
°¢½Ý˵Ã÷£º´ËÎÄÔÃû"CSS tips and tricks"£¬ÓÐ2ƪ£¬ÎÒ½«ËüÃǺϲ¢·ÒëÔÚ±¾ÎÄÖС£
±¾ÎÄ×ܽáÁËÎÒ¿ªÊ¼Ê¹ÓÃCSS²¼¾Ö· ......