{"id":1097,"date":"2009-11-10T19:19:14","date_gmt":"2009-11-10T11:19:14","guid":{"rendered":"http:\/\/www.ddcat.net\/blog\/?p=1097"},"modified":"2009-11-10T19:19:14","modified_gmt":"2009-11-10T11:19:14","slug":"%e6%a0%b7%e5%bc%8f%e4%bd%9c%e4%b8%9a-2009%e5%b9%b410%e6%9c%8816%e6%97%a5%e6%96%87%e5%ad%97%e5%88%97%e8%a1%a8%e4%b8%ad%e6%97%a5%e6%9c%9f%e8%b7%9f%e9%9a%8f%e6%a0%87%e9%a2%98","status":"publish","type":"post","link":"http:\/\/www.ddcat.net\/blog\/index.php\/2009\/11\/10\/%e6%a0%b7%e5%bc%8f%e4%bd%9c%e4%b8%9a-2009%e5%b9%b410%e6%9c%8816%e6%97%a5%e6%96%87%e5%ad%97%e5%88%97%e8%a1%a8%e4%b8%ad%e6%97%a5%e6%9c%9f%e8%b7%9f%e9%9a%8f%e6%a0%87%e9%a2%98\/","title":{"rendered":"[\u6837@\u5f0f\u4f5c\u4e1a 2009\u5e7410\u670816\u65e5]\u6587\u5b57\u5217\u8868\u4e2d\u65e5\u671f\u8ddf\u968f\u6807\u9898"},"content":{"rendered":"

2009\u5e7410\u670816\u65e5\u4f5c\u4e1a\u7b2c\u4e00\u9898\uff1a\u65e5\u671f\u8ddf\u968f\u65b0\u95fb\u6807\u9898<\/a><\/p>\n

\u5728\u6b64\u8ba8\u8bba\u7b2c\u4e00\u9898\uff1a<\/p>\n

\"\u56fe1\"

\u56fe1\uff1a\u9898\u76ee1\u9700\u6c42<\/p><\/div>\n

\u6b64\u9898\u4e3b\u8981\u7684\u96be\u70b9\u5728\u4e8e\uff1a<\/p>\n

    \n
  1. \u6807\u9898\u6587\u5b57\u90e8\u5206\u4e0d\u80fd\u76f4\u63a5\u8bbe\u5b9awidth\uff0c\u56e0\u4e3a\u5f53\u6587\u5b57\u5c11\u7684\u65f6\u5019\uff0c\u9700\u8981\u65e5\u671f\u8ddf\u968f\u5176\u540e\uff1b<\/li>\n
  2. \u6807\u9898\u6587\u5b57\u8fc7\u591a\u65f6\uff0c\u9700\u8981\u622a\u65ad\u591a\u4f59\u6587\u5b57\uff0c\u4f46\u662f\u540c\u65f6\u4e0d\u80fd\u51fa\u73b0\u534a\u4e2a\u4e2d\u6587\u5b57\u7684\u60c5\u51b5\u3002<\/li>\n<\/ol>\n

    <\/p>\n

    \u9996\u5148\u770b\u7ed3\u6784\uff1a<\/p>\n

    \n
    <ol class=\"newsList\">\n<li><a href=\"#\">\u6807\u9898\u6587\u5b57\u90e8\u5206\u4e0d\u80fd\u76f4\u63a5\u8bbe\u5b9awidth<\/a><span>2009-10-01<\/span><\/li>\n<li><a href=\"#\">\u56e0\u4e3a\u5f53\u6587\u5b57\u5c11\u7684\u65f6\u5019\uff0c\u9700\u8981\u65e5\u671f\u8ddf\u968f\u5176\u540e<\/a><span>2009-10-02<\/span><\/li>\n<li><a href=\"#\">\u6807\u9898\u6587\u5b57\u8fc7\u591a\u65f6\uff0c\u9700\u8981\u622a\u65ad\u591a\u4f59\u6587\u5b57\uff0c\u4f46\u662f\u540c\u65f6\u4e0d\u80fd\u51fa\u73b0\u534a\u4e2a\u4e2d\u6587\u5b57\u7684\u60c5\u51b5<\/a><span>2009-10-03<\/span><\/li>\n<li><a href=\"#\">\u65e5\u671f\u8ddf\u968f\u7740\u6807\u9898\u6bd4\u8f83\u5bb9\u6613\u89e3\u51b3\uff0c\u5c06\u6807\u9898\uff08a\u5143\u7d20\uff09\u5de6\u6d6e\u52a8\uff08float:left\uff09<\/a><span>2009-10-04<\/span><\/li>\n<li><a href=\"#\">\u6807\u9898\u6587\u5b57\u4e3a1\u884c\u9ad8\uff0c\u4e0d\u8bbe\u5b9a\u6807\u9898\uff08a\uff09\u7684\u5bbd\u5ea6<\/a><span>2009-10-05<\/span><\/li>\n<li><a href=\"#\">\u5219\u5176\u6587\u5b57\u4f1a\u81ea\u52a8\u56de\u884c<\/a><span>2009-10-06<\/span><\/li>\n<\/ol><\/pre>\n<\/div>\n
    \u4e00\u822c\u60c5\u51b5\u4e0b\u666e\u904d\u4f1a\u91c7\u7528\u8fd9\u6837\u7684\u7ed3\u6784\u3002<\/p>\n
    \u5e8f\u53f7\u90e8\u5206\uff0c\u53ef\u4ee5\u4f7f\u7528\u8bbe\u5b9a\u5217\u8868\u80cc\u666f\u56fe\u6765\u5b9e\u73b0\uff0c\u5728\u6b64\u4e0d\u8ba8\u8bba\uff0c\u4e3b\u8981\u8ba8\u8bba\u65e5\u671f\u8ddf\u968f\u6807\u9898\u7684\u95ee\u9898\u3002<\/p>\n
    \u4e00\u3001\u6807\u9898\u6587\u5b57\u8fc7\u957f\u7684\u9690\u85cf<\/h4>\n
    \u6807\u9898\u6587\u5b57\u4e3a1\u884c\u9ad8\uff08line-height\uff09\uff0c\u4e0d\u8bbe\u5b9a\u6807\u9898\uff08a\uff09\u7684\u5bbd\u5ea6\u3002\u5f53\u6587\u5b57\u8fc7\u957f\u65f6\u4f1a\u81ea\u52a8\u56de\u884c\uff0c\u540c\u65f6\u8bbe\u5b9ali\u7684\u9ad8\u5ea6\uff08\u4e0e\u884c\u9ad8\u76f8\u7b49\uff09\u548c\u201coverflow:hidden\u201d\u5373\u53ef\u5c06\u7b2c2\u884c\u4ee5\u540e\u7684\u6587\u5b57\u9690\u85cf\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002<\/p>\n
    \"\u56fe2\"
    \u56fe2\uff1a\u9690\u85cf\u591a\u4f59\u6587\u5b57\u7684\u539f\u7406<\/p><\/div>\n
    \u76f8\u5e94\u4ee3\u7801\uff1a<\/p>\n
    \n
    .newsList li {\nheight:2em; \/* height\u8981\u4e0eline-height\u76f8\u7b49\uff0c\u624d\u4f1a\u4fdd\u8bc1\u663e\u793a1\u884c\u6587\u5b57\u3002 *\/\nline-height:2em;\nposition: relative;\n......\n}<\/pre>\n<\/div>\n
    \u4e8c\u3001\u65e5\u671f\uff08span\uff09\u8ddf\u968f\u6807\u9898\uff08a\uff09\u65e5\u671f\u8ddf\u968f\u6807\u9898<\/h4>\n
    \u65e5\u671f\u90e8\u5206\u6bd4\u8f83\u7b80\u5355\uff1a<\/p>\n
    \n
    .newsList li span {\npadding-left:10px;\nbackground:#FFCCCC;  \/* \u80cc\u666f\u8272\u4e3a\u4e86\u6807\u8bc6\u51fa\u65e5\u671f\u5757\u7684\u5927\u5c0f\u3002 *\/\nfont:10px\/2.4em Tahoma, Geneva, sans-serif;  \/* \u6b64\u5904\u8bbe\u5b9a\u5b57\u53f7\u4e3a10px\u662f\u4e3a\u4e86\u4f7f\u82f1\u6587\u5b57\u66f4\u7f8e\u89c2\u4e00\u4e9b\u3002 *\/\nvertical-align:top;\nwhite-space:nowrap;  \/* \u8bbe\u5b9a\u6587\u5b57\u4e0d\u56de\u884c\uff0c\u4fdd\u8bc1\u65e5\u671f\u4e8e1\u884c\u5185\u663e\u793a\u3002 *\/\n}<\/pre>\n<\/div>\n
    \u65e5\u671f\u8ddf\u968f\u6807\u9898\u7684\u5b9e\u73b0\u65b9\u6cd5\u6709\u51e0\u79cd\uff0c\u4f46\u662f\u76ee\u524d\u7ecf\u5bf9\u4e3b\u6d41\u6d4f\u89c8\u5668\u7684\u6d4b\u8bd5\u6765\u770b\uff0c\u90fd\u4e0d\u80fd\u7b97\u5b8c\u7f8e\u3002<\/p>\n
    \u5148\u770b\u6700\u5bb9\u6613\u60f3\u5230\u7684\uff1a<\/p>\n
    1. \u5168\u90e8\u6d6e\u52a8<\/h5>\n
    \u601d\u8def\uff1a<\/strong><\/p>\n
    \u5c06\u65e5\u671f\u5143\u7d20\u548c\u6807\u9898\u5143\u7d20\u5168\u90e8\u6d6e\u52a8\uff08float:left\uff09\uff0c\u4e0d\u8bbe\u5b9a\u6807\u9898\u7684\u5bbd\u5ea6\u3002\u6d6e\u52a8\u5143\u7d20\u5982\u679cwidht\u4e3aauto\uff08\u9ed8\u8ba4\u503c\uff09\uff0c\u5219\u5176\u5bbd\u5ea6\u4f1a\u88ab\u538b\u7f29\u81f3\u5176\u5185\u5bb9\u7684\u5b9e\u9645\u5bbd\u5ea6\uff0c\u5373\u5bbd\u5ea6\u4f1a\u7531\u5185\u5bb9\u51b3\u5b9a\u3002\u56e0\u6b64\u5f53\u6807\u9898\u5b57\u6570\u5c11\u7684\u65f6\u5019\uff0c\u6807\u9898\u5bbd\u5ea6\u7531\u5b57\u6570\u51b3\u5b9a\uff0c\u65e5\u671f\u8ddf\u968f\u5728\u6807\u9898\u6587\u5b57\u4e4b\u540e\u6d6e\u52a8\u3002<\/p>\n
    \u63d0\u793a\uff1a\u4e5f\u53ef\u4ee5\u53c2\u89c1\u300a\u522b\u5177\u5149\u8292\uff1aCSS\u5c5e\u6027\u3001\u6d4f\u89c8\u5668\u517c\u5bb9\u4e0e\u7f51\u9875\u5e03\u5c40\u300b\u4e00\u4e66\u4e2d\u300a9.4.2 \u6d6e\u52a8\u5143\u7d20\u7684\u89c6\u89c9\u683c\u5f0f\u5316\u5185\u5bb9\u300b\u4e00\u8282\u3002<\/div>\n
    \u4f46\u662f\u9700\u8981\u4e3a\u6807\u9898\u5143\u7d20a\u8bbe\u5b9amax-width\uff0c\u4f7f\u5176\u5230\u8fbe\u4e00\u5b9a\u5bbd\u5ea6\u4ee5\u540e\u6298\u884c\u3002<\/p>\n
    \u6700\u5927\u5bbd\u5ea6= \u5217\u8868\u7684\u5bbd\u5ea6\uff08\u672c\u4f8b\u4e3a300px\uff09-\u65e5\u671f\u603b\u5bbd\u5ea6\uff08\u672c\u4f8b\u4e3a\u5b57\u53f710px*5\u5b57\u6570\u6ce81<\/sub>\uff09-10px\uff08\u9898\u76ee\u89c4\u5b9a\u7684\u65e5\u671f\u548c\u6807\u9898\u7684\u8ddd\u79bb\uff09\u3002<\/p>\n
    \u6ce81\uff1a2\u82f1\u6587\u5b57\u5bbd=1\u4e2d\u6587\u5b57\u5bbd\uff0c\u56e0\u6b6410\u82f1\u6587\u5b57=5\u4e2d\u6587\u5b57\u3002<\/div>\n
    \n
    .newsList li a {\nfloat:left;\nmax-width:240px;  \/* 300-10*5-10 *\/\n}\n.newsList li span {\nfloat:left;\n}<\/pre>\n<\/div>\n
    \u67e5\u770b\u793a\u4f8b\u6587\u4ef6\uff01<\/a><\/p>\n
    \u7f3a\u70b9\uff1a<\/strong><\/p>\n
      \n
    1. IE 6-\u4e0d\u652f\u6301max-width\u5c5e\u6027\uff0c\u8981\u517c\u5bb9\u5219\u9700\u8981\u4f7f\u7528JavaScript\u6216\u8005expression\u3002\u5bf9\u4e8eexpression\uff0c\u4f7f\u7528\u4e0d\u5f53\u5f88\u5bb9\u6613\u9020\u6210\u5360\u7528\u8d44\u6e90\u3002<\/li>\n
    2. \u8981\u6839\u636e\u5217\u8868\u5bbd\u5ea6\u548c\u65e5\u671f\u7684\u5bbd\u5ea6\u8ba1\u7b97\u51fa\u6807\u9898\u6700\u5927\u5bbd\u5ea6\uff0c\u82e5\u4fee\u6539\u5217\u8868\u5bbd\u5ea6\uff0c\u5219\u540c\u65f6\u8981\u91cd\u65b0\u8ba1\u7b97\u6807\u9898\u6700\u5927\u5bbd\u5ea6\u53ca\u4fee\u6539\u3002<\/li>\n<\/ol>\n
      \n
      \u5173\u4e8eexpression\u7684\u6269\u5c55\u9605\u8bfb\uff1a<\/h6>\n