{"id":32810,"date":"2023-05-31T16:49:56","date_gmt":"2023-05-31T08:49:56","guid":{"rendered":"https:\/\/docs.pingcode.com\/?p=32810"},"modified":"2023-07-31T02:02:11","modified_gmt":"2023-07-30T18:02:11","slug":"%e8%a1%8c%e5%86%85%e5%85%83%e7%b4%a0%e6%9c%89%e5%93%aa%e4%ba%9b%ef%bc%8c%e5%9d%97%e7%ba%a7%e5%85%83%e7%b4%a0%e6%9c%89%e5%93%aa%e4%ba%9b%ef%bc%8c%e7%a9%bavoid%e5%85%83%e7%b4%a0%e6%9c%89%e5%93%aa","status":"publish","type":"post","link":"https:\/\/docs.pingcode.com\/ask\/32810.html","title":{"rendered":"\u884c\u5185\u5143\u7d20\u6709\u54ea\u4e9b\uff0c\u5757\u7ea7\u5143\u7d20\u6709\u54ea\u4e9b\uff0c\u7a7a(void)\u5143\u7d20\u6709\u54ea\u4e9b"},"content":{"rendered":"
\n

\u884c\u5185\u5143\u7d20\u6709a\u3001b\u3001span\u3001img\u3001input\u7b49\uff1b\u5757\u7ea7\u5143\u7d20\u6709div\u3001ul\u3001li\u3001dl\u3001dt\u3001dd\u3001p\u3001h1-h6\u3001blockquote\uff1b\u7a7a\uff08void\uff09\u5143\u7d20\u5373\u7cfb\u6ca1\u6709\u5185\u5bb9\u7684HTML\u5143\u7d20\uff0c\u6709br\u3001meta\u3001hr\u3001link\u3001input\u3001img\u3002<\/p>\n<\/blockquote>\n

\n
\"\"<\/figure>\n<\/div>\n

\u4e00\u3001\u884c\u5185\u5143\u7d20\u6709\u54ea\u4e9b\uff0c\u5757\u7ea7\u5143\u7d20\u6709\u54ea\u4e9b\uff0c\u7a7a(void)\u5143\u7d20\u6709\u54ea\u4e9b<\/h2>\n
    \n
  • \u884c\u5185\u5143\u7d20<\/strong>: a\u3001b\u3001span\u3001img\u3001input\u3001strong\u3001select\u3001label\u3001em\u3001button\u3001textarea \u3002<\/li>\n
  • \u5757\u7ea7\u5143\u7d20<\/strong>: div\u3001ul\u3001li\u3001dl\u3001dt\u3001dd\u3001p\u3001h1-h6\u3001blockquote \u3002<\/li>\n
  • \u7a7a\u5143\u7d20<\/strong>: \u5373\u7cfb\u6ca1\u6709\u5185\u5bb9\u7684HTML\u5143\u7d20\uff0c\u4f8b\u5982: br\u3001meta\u3001hr\u3001link\u3001input\u3001img \u3002<\/li>\n<\/ul>\n

    \u4e8c\u3001\u5757\u7ea7\u5143\u7d20\u3001\u884c\u5185\u5143\u7d20\u3001\u884c\u5185\u5757\u5143\u7d20\u7684\u533a\u522b<\/h2>\n

    1\u3001\u5757\u7ea7\u5143\u7d20 block<\/h3>\n

    \u5757\u7ea7\u5143\u7d20\uff0c\u987e\u540d\u601d\u4e49\uff0c\u8be5\u5143\u7d20\u5448\u73b0\u201c\u5757\u201d\u72b6\uff0c\u6240\u4ee5\u5b83\u6709\u81ea\u5df1\u7684\u5bbd\u5ea6\u548c\u9ad8\u5ea6\uff0c\u4e5f\u5c31\u662f\u53ef\u81ea\u5b9a\u4e49 width \u548c height\u3002\u9664\u6b64\u4e4b\u5916\uff0c\u5757\u7ea7\u5143\u7d20\u6bd4\u8f83\u9738\u9053\uff0c\u5b83\u72ec\u81ea\u5360\u636e\u4e00\u884c\u9ad8\u5ea6\uff08float\u6d6e\u52a8\u9664\u5916\uff09\uff0c\u4e00\u822c\u53ef\u4ee5\u4f5c\u4e3a\u5176\u4ed6\u5bb9\u5668\u4f7f\u7528\uff0c\u53ef\u5bb9\u7eb3\u5757\u7ea7\u5143\u7d20\u548c\u884c\u5185\u5143\u7d20\u3002\u5757\u7ea7\u5143\u7d20\u6709\u4ee5\u4e0b\u7279\u70b9\uff1a<\/p>\n

      \n
    • \u6bcf\u4e2a\u5757\u7ea7\u5143\u7d20\u90fd\u662f\u72ec\u81ea\u5360\u4e00\u884c\uff1b<\/li>\n
    • \u9ad8\u5ea6\uff0c\u884c\u9ad8\uff0c\u5916\u8fb9\u8ddd\uff08margin\uff09\u4ee5\u53ca\u5185\u8fb9\u8ddd\uff08padding\uff09\u90fd\u53ef\u4ee5\u63a7\u5236\uff1b<\/li>\n
    • \u5143\u7d20\u7684\u5bbd\u5ea6\u5982\u679c\u4e0d\u8bbe\u7f6e\u7684\u8bdd\uff0c\u9ed8\u8ba4\u4e3a\u7236\u5143\u7d20\u7684\u5bbd\u5ea6\uff08\u7236\u5143\u7d20\u5bbd\u5ea6100%\uff1b<\/li>\n
    • \u591a\u4e2a\u5757\u72b6\u5143\u7d20\u6807\u7b7e\u5199\u5728\u4e00\u8d77\uff0c\u9ed8\u8ba4\u6392\u5217\u65b9\u5f0f\u4e3a\u4ece\u4e0a\u81f3\u4e0b\u3002<\/li>\n<\/ul>\n
       <address>  \/\/ \u5b9a\u4e49\u5730\u5740 \n <caption>  \/\/ \u5b9a\u4e49\u8868\u683c\u6807\u9898 \n <dd>      \/\/ \u5b9a\u4e49\u5217\u8868\u4e2d\u5b9a\u4e49\u6761\u76ee \n <div>     \/\/ \u5b9a\u4e49\u6587\u6863\u4e2d\u7684\u5206\u533a\u6216\u8282 \n <dl>    \/\/ \u5b9a\u4e49\u5217\u8868 \n <dt>     \/\/ \u5b9a\u4e49\u5217\u8868\u4e2d\u7684\u9879\u76ee \n <fieldset>  \/\/ \u5b9a\u4e49\u4e00\u4e2a\u6846\u67b6\u96c6 \n <form>  \/\/ \u521b\u5efa HTML \u8868\u5355 \n <h1>    \/\/ \u5b9a\u4e49\u6700\u5927\u7684\u6807\u9898\n <h2>    \/\/ \u5b9a\u4e49\u526f\u6807\u9898\n <h3>     \/\/ \u5b9a\u4e49\u6807\u9898\n <h4>     \/\/ \u5b9a\u4e49\u6807\u9898\n <h5>     \/\/ \u5b9a\u4e49\u6807\u9898\n <h6>     \/\/ \u5b9a\u4e49\u6700\u5c0f\u7684\u6807\u9898\n <hr>     \/\/ \u521b\u5efa\u4e00\u6761\u6c34\u5e73\u7ebf\n <legend>    \/\/ \u5143\u7d20\u4e3a fieldset \u5143\u7d20\u5b9a\u4e49\u6807\u9898\n <li>     \/\/ \u6807\u7b7e\u5b9a\u4e49\u5217\u8868\u9879\u76ee\n <noframes>    \/\/ \u4e3a\u90a3\u4e9b\u4e0d\u652f\u6301\u6846\u67b6\u7684\u6d4f\u89c8\u5668\u663e\u793a\u6587\u672c\uff0c\u4e8e frameset \u5143\u7d20\u5185\u90e8\n <noscript>    \/\/ \u5b9a\u4e49\u5728\u811a\u672c\u672a\u88ab\u6267\u884c\u65f6\u7684\u66ff\u4ee3\u5185\u5bb9\n <ol>     \/\/ \u5b9a\u4e49\u6709\u5e8f\u5217\u8868\n <ul>    \/\/ \u5b9a\u4e49\u65e0\u5e8f\u5217\u8868\n <p>     \/\/ \u6807\u7b7e\u5b9a\u4e49\u6bb5\u843d\n <pre>     \/\/ \u5b9a\u4e49\u9884\u683c\u5f0f\u5316\u7684\u6587\u672c\n <table>     \/\/ \u6807\u7b7e\u5b9a\u4e49 HTML \u8868\u683c\n <tbody>     \/\/ \u6807\u7b7e\u8868\u683c\u4e3b\u4f53\uff08\u6b63\u6587\uff09\n <td>    \/\/ \u8868\u683c\u4e2d\u7684\u6807\u51c6\u5355\u5143\u683c\n <tfoot>     \/\/ \u5b9a\u4e49\u8868\u683c\u7684\u9875\u811a\uff08\u811a\u6ce8\u6216\u8868\u6ce8\uff09\n <th>    \/\/ \u5b9a\u4e49\u8868\u5934\u5355\u5143\u683c\n <thead>    \/\/ \u6807\u7b7e\u5b9a\u4e49\u8868\u683c\u7684\u8868\u5934\n <tr>     \/\/ \u5b9a\u4e49\u8868\u683c\u4e2d\u7684\u884c<\/code><\/pre>\n
      2\u3001\u884c\u5185\u5143\u7d20 inline<\/h3>\n
      \u884c\u5185\u5143\u7d20\u4e0d\u53ef\u4ee5\u8bbe\u7f6e\u5bbd\uff08width\uff09\u548c\u9ad8\uff08height\uff09\uff0c\u4f46\u53ef\u4ee5\u4e0e\u5176\u4ed6\u884c\u5185\u5143\u7d20\u4f4d\u4e8e\u540c\u4e00\u884c\uff0c\u884c\u5185\u5143\u7d20\u5185\u4e00\u822c\u4e0d\u53ef\u4ee5\u5305\u542b\u5757\u7ea7\u5143\u7d20\u3002\u884c\u5185\u5143\u7d20\u7684\u9ad8\u5ea6\u4e00\u822c\u7531\u5143\u7d20\u5185\u90e8\u7684\u5b57\u4f53\u5927\u5c0f\u51b3\u5b9a\uff0c\u5bbd\u5ea6\u7531\u5185\u5bb9\u7684\u957f\u5ea6\u63a7\u5236\u3002 \u884c\u5185\u5143\u7d20\u6709\u4ee5\u4e0b\u7279\u70b9\uff1a<\/p>\n
        \n
      • \u4e0d\u4f1a\u72ec\u5360\u4e00\u884c\uff0c\u76f8\u90bb\u7684\u884c\u5185\u5143\u7d20\u4f1a\u6392\u5217\u5728\u540c\u4e00\u884c\u91cc\uff0c\u76f4\u5230\u4e00\u884c\u6392\u4e0d\u4e0b\u624d\u4f1a\u81ea\u52a8\u6362\u884c\uff0c\u5176\u5bbd\u5ea6\u968f\u5143\u7d20\u7684\u5185\u5bb9\u800c\u53d8\u5316\uff1b<\/li>\n
      • \u9ad8\u5bbd\u65e0\u6548\uff0c\u5bf9\u5916\u8fb9\u8ddd\uff08margin\uff09\u548c\u5185\u8fb9\u8ddd\uff08padding\uff09\u4ec5\u8bbe\u7f6e\u5de6\u53f3\u65b9\u5411\u6709\u6548 \u4e0a\u4e0b\u65e0\u6548\uff1b<\/li>\n
      • \u8bbe\u7f6e\u884c\u9ad8\u6709\u6548\uff0c\u7b49\u540c\u4e8e\u7ed9\u7236\u7ea7\u5143\u7d20\u8bbe\u7f6e\u884c\u9ad8\uff1b<\/li>\n
      • \u5143\u7d20\u7684\u5bbd\u5ea6\u5c31\u662f\u5b83\u5305\u542b\u7684\u6587\u5b57\u6216\u56fe\u7247\u7684\u5bbd\u5ea6\uff0c\u4e0d\u53ef\u6539\u53d8\uff1b<\/li>\n
      • \u884c\u5185\u5143\u7d20\u4e2d\u4e0d\u80fd\u653e\u5757\u7ea7\u5143\u7d20\uff0ca \u94fe\u63a5\u91cc\u9762\u4e0d\u80fd\u518d\u653e\u94fe\u63a5\u3002<\/li>\n<\/ul>\n
         <a>     \/\/ \u6807\u7b7e\u53ef\u5b9a\u4e49\u951a \n <abbr>     \/\/ \u8868\u793a\u4e00\u4e2a\u7f29\u5199\u5f62\u5f0f \n <acronym>     \/\/ \u5b9a\u4e49\u53ea\u53d6\u9996\u5b57\u6bcd\u7f29\u5199 \n <b>     \/\/ \u5b57\u4f53\u52a0\u7c97 \n <bdo>     \/\/ \u53ef\u8986\u76d6\u9ed8\u8ba4\u7684\u6587\u672c\u65b9\u5411 \n <big>     \/\/ \u5927\u53f7\u5b57\u4f53\u52a0\u7c97 \n <br>     \/\/ \u6362\u884c \n <cite>     \/\/ \u5f15\u7528\u8fdb\u884c\u5b9a\u4e49 \n <code>    \/\/ \u5b9a\u4e49\u8ba1\u7b97\u673a\u4ee3\u7801\u6587\u672c\n <dfn>     \/\/ \u5b9a\u4e49\u4e00\u4e2a\u5b9a\u4e49\u9879\u76ee\n <em>     \/\/ \u5b9a\u4e49\u4e3a\u5f3a\u8c03\u7684\u5185\u5bb9\n <i>     \/\/ \u659c\u4f53\u6587\u672c\u6548\u679c\n <kbd>     \/\/ \u5b9a\u4e49\u952e\u76d8\u6587\u672c\n <label>     \/\/ \u6807\u7b7e\u4e3a input \u5143\u7d20\u5b9a\u4e49\u6807\u6ce8\uff08\u6807\u8bb0\uff09\n <q>     \/\/ \u5b9a\u4e49\u77ed\u7684\u5f15\u7528\n <samp>     \/\/ \u5b9a\u4e49\u6837\u672c\u6587\u672c\n <select> \/\/ \u521b\u5efa\u5355\u9009\u6216\u591a\u9009\u83dc\u5355\n <small>     \/\/ \u5448\u73b0\u5c0f\u53f7\u5b57\u4f53\u6548\u679c\n <span>     \/\/ \u7ec4\u5408\u6587\u6863\u4e2d\u7684\u884c\u5185\u5143\u7d20\n <strong> \/\/ \u52a0\u7c97\n <sub>     \/\/ \u5b9a\u4e49\u4e0b\u6807\u6587\u672c\n <sup>     \/\/ \u5b9a\u4e49\u4e0a\u6807\u6587\u672c\n <textarea>     \/\/ \u591a\u884c\u7684\u6587\u672c\u8f93\u5165\u63a7\u4ef6\n <tt>     \/\/ \u6253\u5b57\u673a\u6216\u8005\u7b49\u5bbd\u7684\u6587\u672c\u6548\u679c\n <var>    \/\/ \u5b9a\u4e49\u53d8\u91cf<\/code><\/pre>\n
        3\u3001\u884c\u5185\u5757\u7ea7\u5143\u7d20 inline-block<\/h3>\n
        \u884c\u5185\u5757\u7ea7\u5143\u7d20\uff0c\u5b83\u65e2\u5177\u6709\u5757\u7ea7\u5143\u7d20\u7684\u7279\u70b9\uff0c\u4e5f\u6709\u884c\u5185\u5143\u7d20\u7684\u7279\u70b9\uff0c\u5b83\u53ef\u4ee5\u81ea\u7531\u8bbe\u7f6e\u5143\u7d20\u5bbd\u5ea6\u548c\u9ad8\u5ea6\uff0c\u4e5f\u53ef\u4ee5\u5728\u4e00\u884c\u4e2d\u653e\u7f6e\u591a\u4e2a\u884c\u5185\u5757\u7ea7\u5143\u7d20\u3002\u6bd4\u5982\uff1ainput\u3001img\u5c31\u662f\u884c\u5185\u5757\u7ea7\u5143\u7d20\uff0c\u5b83\u53ef\u8bbe\u7f6e\u9ad8\u5bbd\u4ee5\u53ca\u4e00\u884c\u591a\u4e2a\u3002\u5177\u4f53\u7279\u70b9\u5982\u4e0b\uff1a<\/p>\n
          \n
        • \u9ad8\u5ea6\u3001\u884c\u9ad8\u3001\u5916\u8fb9\u8ddd\u4ee5\u53ca\u5185\u8fb9\u8ddd\u90fd\u53ef\u4ee5\u63a7\u5236\uff1b<\/li>\n
        • \u9ed8\u8ba4\u5bbd\u5ea6\u5c31\u662f\u5b83\u672c\u8eab\u5185\u5bb9\u7684\u5bbd\u5ea6\uff0c\u4e0d\u72ec\u5360\u4e00\u884c\uff0c\u4f46\u662f\u4e4b\u95f4\u4f1a\u6709\u7a7a\u767d\u7f1d\u9699\uff0c\u8bbe\u7f6e\u5b83\u4e0a\u4e00\u7ea7\u7684 font-size \u4e3a 0\uff0c\u624d\u4f1a\u6d88\u9664\u95f4\u9699\u3002<\/li>\n<\/ul>\n
          <button> \n<input>   \n<textarea> \n<select> \n<img><\/code><\/pre>\n
          4\u3001\u5143\u7d20\u7c7b\u578b\u8f6c\u6362 display<\/h3>\n
            \n
          • display\uff1ablock<\/strong> \uff0c\u5b9a\u4e49\u5143\u7d20\u4e3a\u5757\u7ea7\u5143\u7d20<\/li>\n
          • display : inline <\/strong>\uff0c\u5b9a\u4e49\u5143\u7d20\u4e3a\u884c\u5185\u5143\u7d20<\/li>\n
          • display\uff1ainline-block<\/strong>\uff0c\u5b9a\u4e49\u5143\u7d20\u4e3a\u884c\u5185\u5757\u7ea7\u5143\u7d20<\/li>\n<\/ul>\n
            5\u3001\u603b\u7ed3<\/h3>\n
            \u4e0d\u7ba1\u5757\u7ea7\u5143\u7d20\u8fd8\u662f\u884c\u5185\u5143\u7d20\uff0c\u533a\u522b\uff1a\u4e00\u662f\u6392\u5217\u65b9\u5f0f\uff0c\u4e8c\u662f\u5bbd\u9ad8\u8fb9\u8ddd\u8bbe\u7f6e\uff0c\u4e09\u662f\u9ed8\u8ba4\u5bbd\u5ea6\u3002<\/p>\n
              \n
            • \u5757\u7ea7\u5143\u7d20\u4f1a\u72ec\u5360\u4e00\u884c\uff0c\u800c\u5185\u8054\u5143\u7d20\u548c\u5185\u8054\u5757\u5143\u7d20\u5219\u4f1a\u5728\u4e00\u884c\u5185\u663e\u793a\uff1b<\/li>\n
            • \u5757\u7ea7\u5143\u7d20\u548c\u5185\u8054\u5757\u5143\u7d20\u53ef\u8bbe\u7f6e width\u3001height \u5c5e\u6027\uff0c\u800c\u5185\u8054\u5143\u7d20\u8bbe\u7f6e\u65e0\u6548\uff1b<\/li>\n
            • \u5757\u7ea7\u5143\u7d20\u7684 width \u9ed8\u8ba4\u4e3a 100%\uff0c\u800c\u5185\u8054\u5143\u7d20\u5219\u662f\u6839\u636e\u5176\u81ea\u8eab\u7684\u5185\u5bb9\u6216\u5b50\u5143\u7d20\u6765\u51b3\u5b9a\u5176\u5bbd\u5ea6\uff1b<\/li>\n<\/ul>\n
              \u800c\u884c\u5185\u5757\u7ea7\u5143\u7d20\u53c8\u540c\u65f6\u62e5\u6709\u5757\u7ea7\u5143\u7d20\u548c\u884c\u5185\u5143\u7d20\u7684\u7279\u70b9\u3002<\/p>\n
              \u5ef6\u4f38\u9605\u8bfb1\uff1aCSS\u7b80\u4ecb<\/em><\/strong><\/p>\n
              \u5c42\u53e0\u6837\u5f0f\u8868(\u82f1\u6587\u5168\u79f0\uff1aCascading Style Sheets)\u662f\u4e00\u79cd\u7528\u6765\u8868\u73b0HTML\uff08\u6807\u51c6\u901a\u7528\u6807\u8bb0\u8bed\u8a00\u7684\u4e00\u4e2a\u5e94\u7528\uff09\u6216XML\uff08\u6807\u51c6\u901a\u7528\u6807\u8bb0\u8bed\u8a00\u7684\u4e00\u4e2a\u5b50\u96c6\uff09\u7b49\u6587\u4ef6\u6837\u5f0f\u7684\u8ba1\u7b97\u673a\u8bed\u8a00\u3002CSS\u4e0d\u4ec5\u53ef\u4ee5\u9759\u6001\u5730\u4fee\u9970\u7f51\u9875\uff0c\u8fd8\u53ef\u4ee5\u914d\u5408\u5404\u79cd\u811a\u672c\u8bed\u8a00\u52a8\u6001\u5730\u5bf9\u7f51\u9875\u5404\u5143\u7d20\u8fdb\u884c\u683c\u5f0f\u5316\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"\u884c\u5185\u5143\u7d20\u6709a\u3001b\u3001span\u3001img\u3001input\u7b49\uff1b\u5757\u7ea7\u5143\u7d20\u6709div\u3001ul\u3001li\u3001dl\u3001dt\u3001dd\u3001p\u3001h1-h […]","protected":false},"author":1,"featured_media":32815,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[37],"tags":[119],"acf":[],"_links":{"self":[{"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/posts\/32810"}],"collection":[{"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/comments?post=32810"}],"version-history":[{"count":0,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/posts\/32810\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/media\/32815"}],"wp:attachment":[{"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/media?parent=32810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/categories?post=32810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/tags?post=32810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}