{"id":33324,"date":"2024-11-25T11:36:59","date_gmt":"2024-11-25T03:36:59","guid":{"rendered":"https:\/\/fwq.ai\/blog\/33324\/"},"modified":"2024-11-25T11:36:59","modified_gmt":"2024-11-25T03:36:59","slug":"%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%96%87%e6%9c%ac%e6%ba%a2%e5%87%ba%e6%97%b6%ef%bc%8c%e5%a6%82%e4%bd%95%e6%98%be%e7%a4%ba%e4%b8%ba%e7%9c%81%e7%95%a5%e5%8f%b7%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/33324\/","title":{"rendered":"\u5c0f\u7a0b\u5e8f\u6587\u672c\u6ea2\u51fa\u65f6\uff0c\u5982\u4f55\u663e\u793a\u4e3a\u7701\u7565\u53f7\uff1f"},"content":{"rendered":"

\"\u5c0f\u7a0b\u5e8f\u6587\u672c\u6ea2\u51fa\u65f6\uff0c\u5982\u4f55\u663e\u793a\u4e3a\u7701\u7565\u53f7\uff1f\u63d2\u56fe\"<\/p>\n

\u672c\u6587\u4ecb\u7ecd\u5728\u767e\u5ea6\u667a\u80fd\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e2d\uff0c\u5982\u4f55\u5c06\u6ea2\u51fa\u7684\u6587\u672c\u663e\u793a\u4e3a\u7701\u7565\u53f7\u3002<\/p>\n

\u76ee\u524d\u5728\u79fb\u52a8\u7aef\u5f00\u53d1\u7684\u5c55\u793a\u754c\u9762\u4e2d\uff0c\u5982\u679c\u4e00\u6bb5\u6587\u672c\u7684\u6570\u91cf\u8fc7\u957f\uff0c\u53d7\u9650\u4e8e\u5c4f\u5e55\u7684\u5bbd\u9ad8\u7b49\u56e0\u7d20\uff0c\u6709\u53ef\u80fd\u4e0d\u80fd\u5b8c\u5168\u663e\u793a\uff0c\u4e3a\u4e86\u63d0\u9ad8\u7528\u6237\u7684\u4f7f\u7528\u4f53\u9a8c\uff0c\u8fd9\u4e2a\u65f6\u5019\u5c31\u9700\u8981\u6211\u4eec\u628a\u6ea2\u51fa\u7684\u6587\u672c\u663e\u793a\u6210\u7701\u7565\u53f7\u3002<\/p>\n

\u63a5\u4e0b\u6765\u6211\u4eec\u6765\u770b\u4e00\u4e0b\u5bf9\u4e8e\u4e0b\u9762\u8fd9\u4e00\u6bb5\u6587\u672c\u5185\u5bb9\uff0c\u6211\u4eec\u53ef\u4ee5\u5982\u4f55\u5b9e\u73b0\u884c\u6587\u672c\u6ea2\u51fa\u7684\u6837\u5f0f\u5427\uff1a<\/p>\n

    \n
  1. \u5355\u884c\u6587\u672c\u6ea2\u51fa<\/li>\n
  2. \u591a\u884c\u6587\u672c\u6ea2\u51fa\uff1a5\u884c\u4ee5\u4e0b\u7684\u5185\u5bb9\u5168\u663e\u793a\uff1b5\u884c\u4ee5\u4e0a\uff08\u542b5\u884c\uff09\u53ea\u663e\u793a5\u884c\uff0c\u8d85\u51fa\u90e8\u5206\u7701\u7565\u53f7\u5c55\u793a\uff1b5\u884c\u4ee5\u4e0a\u663e\u793a\u5c55\u5f00\u6309\u94ae\u3002\u70b9\u51fb\u5c55\u5f00\uff0c \u663e\u793a\u5168\u90e8\u5185\u5bb9\u4ee5\u53ca\u6536\u8d77\u6309\u94ae\uff1b\u70b9\u51fb\u6536\u8d77\uff0c\u6298\u53e0\u5185\u5bb9\u5e76\u663e\u793a\u5c55\u5f00\u6309\u94ae\u3002<\/li>\n<\/ol>\n

    \n \u60a0\u60a0\u7af9\u6797\uff0c\u4e07\u9877\u7fe0\u8272\uff0c\u51e0\u591a\u6e05\u5e7d\u548c\u5b81\u9759\uff0c\u81ea\u7136\u6ca1\u6709\u57ce\u5e02\u7684\u55a7\u56a3\u548c\u6742\u4e71\u3002\u82e5\u6709\u96e8\u5f90\u5f90\u98d8\u843d\uff0c\u5728\u7eff\u7eff\u7684\u679d\u53f6\u4e0a\u817e\u8d77\u8885\u8885\u8f7b\u70df\uff0c\u5982\u96fe\uff0c\u5982\u4e91\uff0c\u66f4\u4f3c\u4e00\u5e45\u6c34\u58a8\u4e39\u9752\uff0c\u6d41\u82b3\u6c81\u99a8\uff0c\u4e0d\u77e5\u6cca\u4e86\u8c01\u7684\u68a6\u6000\u3002\u66f4\u9189\u4eba\u7684\u662f\u90a3\u52a8\u542c\u7684\u96e8\u58f0\uff0c\u758f\u758f\u843d\u843d\uff0c\u6f47\u7136\u6210\u97f3\u6210\u66f2\u3002\u6b64\u65f6\uff0c\u96e8\u4e3a\u7ea4\u6307\u7af9\u4e3a\u5f26\uff0c\u6e05\u98ce\u6d41\u97f5\uff0c\u7ec6\u5f39\u5fc3\u8bed\uff0c\u542c\u96e8\u7684\u4eba\uff0c\u4fbf\u662f\u77e5\u97f3\u3002\n<\/p><\/blockquote>\n

    \u5355\u884c\u6587\u672c\u6ea2\u51fa<\/span><\/h2>\n

    1.\u5728js\u6587\u4ef6\u4e2d\uff0c\u8f93\u5165\u6587\u672c\u5185\u5bb9\uff1a<\/p>\n

    Page({\n\t    data: {\n\t        content:'\u4eba\u8981\u62ff\u5f97\u8d77\uff0c\u4e5f\u8981\u653e\u5f97\u4e0b\u3002\u62ff\u5f97\u8d77\u662f\u751f\u5b58\uff0c\u653e\u5f97\u4e0b\u662f\u751f\u6d3b;\u62ff\u5f97\u8d77\u662f\u80fd\u529b\uff0c\u653e\u5f97\u4e0b\u662f\u667a\u6167\u3002\u6709\u7684\u4eba\u62ff\u4e0d\u8d77\uff0c\u4e5f\u5c31\u65e0\u6240\u8c13\u653e\u4e0b;\u6709\u7684\u4eba\u62ff\u5f97\u8d77\uff0c\u5374\u653e\u4e0d\u4e0b\u3002\u62ff\u4e0d\u8d77\uff0c\u5c31\u4f1a\u4e00\u4e8b\u65e0\u6210;\u653e\u4e0d\u4e0b\uff0c\u5c31\u4f1a\u75b2\u60eb\u4e0d\u582a\u3002\u4eba\u751f\u5916\u5728\u7684\u4e00\u5207\u6700\u7ec8\u4e1d\u6beb\u4e5f\u5e26\u4e0d\u8d70\uff0c\u665a\u653e\u4e0b\u4e0d\u5982\u65e9\u653e\u4e0b\u3002\u653e\u4e0b\u65e0\u8c13\u7684\u8d1f\u62c5\uff0c\u624d\u80fd\u4e00\u8def\u81ea\u5728\u3002'\n\t    }\n\t});<\/pre>\n
      \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
    2.\u5728css\u6587\u4ef6\u4e2d\u4f7f\u7528text-overflow: ellipsis\u8bbe\u7f6e\u884c\u5c3e\u663e\u793a\u5c3e\u7701\u7565\u53f7\uff1a<\/p>\n
       white-space: nowrap; \/* \u4e0d\u6362\u884c *\/\n    overflow: hidden; \/* \u8d85\u51fa\u9690\u85cf *\/\n    text-overflow: ellipsis; \/* \u8d85\u51fa\u90e8\u5206\u663e\u793a\u7701\u7565\u53f7 *\/<\/pre>\n
      \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
    \"\u5c0f\u7a0b\u5e8f\u6587\u672c\u6ea2\u51fa\u65f6\uff0c\u5982\u4f55\u663e\u793a\u4e3a\u7701\u7565\u53f7\uff1f\u63d2\u56fe1\"<\/p>\n
    \u591a\u884c\u6587\u672c\u6ea2\u51fa<\/span><\/h2>\n
    5 \u884c\u4ee5\u4e0b\u7684\u5185\u5bb9\u5168\u663e\u793a<\/span><\/h3>\n
    1.\u5728js\u6587\u4ef6\u4e2d\uff0c\u8f93\u5165\u6587\u672c\u5185\u5bb9\uff1a<\/p>\n
    \tPage({\n\t    data: {\n\t        content:'\u4eba\u8981\u62ff\u5f97\u8d77\uff0c\u4e5f\u8981\u653e\u5f97\u4e0b\u3002\u62ff\u5f97\u8d77\u662f\u751f\u5b58\uff0c\u653e\u5f97\u4e0b\u662f\u751f\u6d3b;\u62ff\u5f97\u8d77\u662f\u80fd\u529b\uff0c\u653e\u5f97\u4e0b\u662f\u667a\u6167\u3002\u6709\u7684\u4eba\u62ff\u4e0d\u8d77\uff0c\u4e5f\u5c31\u65e0\u6240\u8c13\u653e\u4e0b;\u6709\u7684\u4eba\u62ff\u5f97\u8d77\uff0c\u5374\u653e\u4e0d\u4e0b\u3002\u62ff\u4e0d\u8d77\uff0c\u5c31\u4f1a\u4e00\u4e8b\u65e0\u6210;\u653e\u4e0d\u4e0b\uff0c\u5c31\u4f1a\u75b2\u60eb\u4e0d\u582a\u3002\u4eba\u751f\u5916\u5728\u7684\u4e00\u5207\u6700\u7ec8\u4e1d\u6beb\u4e5f\u5e26\u4e0d\u8d70\uff0c\u665a\u653e\u4e0b\u4e0d\u5982\u65e9\u653e\u4e0b\u3002\u653e\u4e0b\u65e0\u8c13\u7684\u8d1f\u62c5\uff0c\u624d\u80fd\u4e00\u8def\u81ea\u5728\u3002'\n\t    }\n\t});<\/pre>\n
      \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
    2.\u5728css\u6587\u4ef6\u4e2d\u4f7f\u7528text-overflow: ellipsis\u8bbe\u7f6e\u884c\u5c3e\u663e\u793a\u5c3e\u7701\u7565\u53f7\uff0c\u591a\u884c\u6587\u672c\u6ea2\u51fa\uff1a<\/p>\n
    \tdisplay: -webkit-box;\n\t-webkit-box-orient: vertical;\n\t-webkit-line-clamp: 5; \/* \u6307\u5b9a\u663e\u793a\u6587\u672c\u7684\u884c\u6570 *\/\n\toverflow: hidden; \/* \u8d85\u51fa\u9690\u85cf *\/<\/pre>\n
      \u767b\u5f55\u540e\u590d\u5236
    \n\"\u5c0f\u7a0b\u5e8f\u6587\u672c\u6ea2\u51fa\u65f6\uff0c\u5982\u4f55\u663e\u793a\u4e3a\u7701\u7565\u53f7\uff1f\u63d2\u56fe2\"   <\/p>\n
    5\u884c\u4ee5\u4e0a\uff08\u542b5\u884c\uff09\u53ea\u663e\u793a5\u884c\uff0c\u8d85\u51fa\u90e8\u5206\u7701\u7565\u53f7\u5c55\u793a<\/span><\/h3>\n
    1.\u5728js\u6587\u4ef6\u4e2d\uff0c\u8f93\u5165\u6587\u672c\u5185\u5bb9\uff1a<\/p>\n
    Page({\n\t    data: {\n\t        content:'\u4eba\u8981\u62ff\u5f97\u8d77\uff0c\u4e5f\u8981\u653e\u5f97\u4e0b\u3002\u62ff\u5f97\u8d77\u662f\u751f\u5b58\uff0c\u653e\u5f97\u4e0b\u662f\u751f\u6d3b;\u62ff\u5f97\u8d77\u662f\u80fd\u529b\uff0c\u653e\u5f97\u4e0b\u662f\u667a\u6167\u3002\u6709\u7684\u4eba\u62ff\u4e0d\u8d77\uff0c\u4e5f\u5c31\u65e0\u6240\u8c13\u653e\u4e0b;\u6709\u7684\u4eba\u62ff\u5f97\u8d77\uff0c\u5374\u653e\u4e0d\u4e0b\u3002\u62ff\u4e0d\u8d77\uff0c\u5c31\u4f1a\u4e00\u4e8b\u65e0\u6210;\u653e\u4e0d\u4e0b\uff0c\u5c31\u4f1a\u75b2\u60eb\u4e0d\u582a\u3002\u4eba\u751f\u5916\u5728\u7684\u4e00\u5207\u6700\u7ec8\u4e1d\u6beb\u4e5f\u5e26\u4e0d\u8d70\uff0c\u665a\u653e\u4e0b\u4e0d\u5982\u65e9\u653e\u4e0b\u3002\u653e\u4e0b\u65e0\u8c13\u7684\u8d1f\u62c5\uff0c\u624d\u80fd\u4e00\u8def\u81ea\u5728\u3002'\n\t    }\n\t});<\/pre>\n
      \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
    2.\u5728css\u6587\u4ef6\u4e2d\u4f7f\u7528text-overflow: ellipsis\u8bbe\u7f6e\u884c\u5c3e\u663e\u793a\u5c3e\u7701\u7565\u53f7\uff0c\u591a\u884c\u6587\u672c\u6ea2\u51fa\uff1a<\/p>\n
    display: -webkit-box;\n\t-webkit-box-orient: vertical;\n\t-webkit-line-clamp: 5; \/* \u6307\u5b9a\u663e\u793a\u6587\u672c\u7684\u884c\u6570 *\/\n\toverflow: hidden; \/* \u8d85\u51fa\u9690\u85cf *\/\n\ttext-overflow: ellipsis; \/* \u8d85\u51fa\u90e8\u5206\u663e\u793a\u7701\u7565\u53f7 *\/<\/pre>\n
      \u767b\u5f55\u540e\u590d\u5236
    \n\"\u5c0f\u7a0b\u5e8f\u6587\u672c\u6ea2\u51fa\u65f6\uff0c\u5982\u4f55\u663e\u793a\u4e3a\u7701\u7565\u53f7\uff1f\u63d2\u56fe3\"   <\/p>\n
    5\u884c\u4ee5\u4e0a\u663e\u793a\u5c55\u5f00\u6309\u94ae<\/span><\/h3>\n
    \u70b9\u51fb\u5c55\u5f00\uff0c \u663e\u793a\u5168\u90e8\u5185\u5bb9\u4ee5\u53ca\u6536\u8d77\u6309\u94ae\uff1b\u70b9\u51fb\u6536\u8d77\uff0c\u6298\u53e0\u5185\u5bb9\u5e76\u663e\u793a\u5c55\u5f00\u6309\u94ae\uff0c\u66f4\u591a\u8be6\u7ec6\u5185\u5bb9\u53ef\u5728\u5de5\u5177\u4e2d\u5bfc\u5165\u4ee3\u7801\u7247\u6bb5\u67e5\u770b\uff1aswanide:\/\/fragment\/598981d541fda485a1715266effc213a1590053197948 \u3002<\/p>\n
    1.\u5728swan\u6587\u4ef6\u4e2d\u8f93\u5165\u6587\u672c\u5185\u5bb9\uff0c\u5e76\u8bbe\u7f6e\u6309\u94ae\uff1a<\/p>\n
    <view><view><text>hello\uff0c\u6211\u662f\u6d4b\u8bd5demo<\/text><\/view><view>\n\t\t\u60a0\u60a0\u7af9\u6797\uff0c\u4e07\u9877\u7fe0\u8272\uff0c\u51e0\u591a\u6e05\u5e7d\u548c\u5b81\u9759\uff0c\u81ea\u7136\u6ca1\u6709\u57ce\u5e02\u7684\u55a7\u56a3\u548c\u6742\u4e71\u3002\u82e5\u6709\u96e8\u5f90\u5f90\u98d8\u843d\uff0c\u5728\u7eff\u7eff\u7684\u679d\u53f6\u4e0a\u817e\u8d77\u8885\u8885\u8f7b\u70df\uff0c\u5982\u96fe\uff0c\u5982\u4e91\uff0c\u66f4\u4f3c\u4e00\u5e45\u6c34\u58a8\u4e39\u9752\uff0c\u6d41\u82b3\u6c81\u99a8\uff0c\u4e0d\u77e5\u6cca\u4e86\u8c01\u7684\u68a6\u6000\u3002\u66f4\u9189\u4eba\u7684\u662f\u90a3\u52a8\u542c\u7684\u96e8\u58f0\uff0c\u758f\u758f\u843d\u843d\uff0c\u6f47\u7136\u6210\u97f3\u6210\u66f2\u3002\u6b64\u65f6\uff0c\u96e8\u4e3a\u7ea4\u6307\u7af9\u4e3a\u5f26\uff0c\u6e05\u98ce\u6d41\u97f5\uff0c\u7ec6\u5f39\u5fc3\u8bed\uff0c\u542c\u96e8\u7684\u4eba\uff0c\u4fbf\u662f\u77e5\u97f3\u3002\n\t<\/view><block> 4}}\"&gt;\n\t\t<view>{{isShow ? '\u6536\u8d77' : '\u5c55\u5f00'}}<\/view><\/block><\/view><\/pre>\n
      \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
    2.\u5728css\u6587\u4ef6\u4e2d\u8bbe\u7f6e\u6587\u672c\u663e\u793a\u884c\u6570\uff1a<\/p>\n
    .title {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    padding: 25rpx;\n}\n\n.title_txt {\n    font-size: 34rpx;\n    color: #2b2b2b;}\n\n.content {\n    text-indent: 2em;\n    height: auto;\n    overflow: hidden; \/* \u8d85\u51fa\u9690\u85cf *\/\n    text-overflow: ellipsis; \/* \u8d85\u51fa\u90e8\u5206\u663e\u793a\u7701\u7565\u53f7 *\/\n    display: -webkit-box;\n    -webkit-line-clamp: 5; \/* \u6307\u5b9a\u663e\u793a\u6587\u672c\u7684\u884c\u6570 *\/\n    -webkit-box-orient: vertical;\n    line-height: 30px; \/* \u89c4\u5b9a\u7684\u884c\u9ad8 *\/\n    padding: 0 25rpx;\n    font-size: 30rpx;\n    color: #888;}\n\n.content.on {\n    display: block;\n    text-overflow: clip;\n    overflow: visible;\n}\n\n.btn {\n    text-align: center;\n    color: #333;}<\/pre>\n
      \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
    3.\u5728 js\u6587\u4ef6\u4e2d\u8bbe\u7f6e\u9ed8\u8ba4\u6536\u8d77\u72b6\u6001\uff1a<\/p>\n
    \/**\n * \u9ed8\u8ba4\u6536\u8d77\u72b6\u6001\uff0cisShow\u4f5c\u4e3a\u63a7\u5236\u663e\u9690\u7684\u5f00\u5173\n * \u70b9\u51fb\u6309\u94aeisShow\u7684\u72b6\u6001\u503c\u53d6\u53cd\u5373\u53ef\u3002\n * \u83b7\u53d6\u884c\u6570\u7684\u8ba1\u7b97\u65b9\u5f0f\uff1a\n * \u884c\u6570 = \u5185\u5bb9\u9ad8\u5ea6\/ \u884c\u9ad8\n *\/\nPage({\n    data: {\n        isShow: false,\n        lineNum: 5\n    },    open() {\n        this.setData({\n            isShow: !this.data.isShow\n        });\n    },    onShow() {\n        const query = swan.createSelectorQuery();\n        query.select('.content').boundingClientRect();\n        query.exec(res =&gt; {\n            const LineHeight = 30; \/\/ \u884c\u9ad8\n            const LineNum = res[0].height \/ LineHeight; \/\/ \u884c\u6570            if (LineNum <p><img alt=\"\u56fe\u7247\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/046\/8d84c23bcc6907d1e6300025ff402f91-3.png\"><\/p><p>\u63a8\u8350\u6587\u7ae0\uff1a\u300a<a href=\"https:\/\/www.php.cn\/php-weizijiaocheng.html\" target=\"_blank\">PHP<\/a>\u300b\u300a<a href=\"https:\/\/www.php.cn\/xiaochengxu.html\" target=\"_blank\">\u5c0f\u7a0b\u5e8f\u5f00\u53d1<\/a>\u300b<\/p><\/pre>\n
      \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
    \u4ee5\u4e0a\u5c31\u662f\u5c0f\u7a0b\u5e8f\u6587\u672c\u6ea2\u51fa\u65f6\uff0c\u5982\u4f55\u663e\u793a\u4e3a\u7701\u7565\u53f7\uff1f\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
    \u672c\u6587\u4ecb\u7ecd\u5728\u767e\u5ea6\u667a\u80fd\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e2d\uff0c\u5982\u4f55\u5c06\u6ea2\u51fa\u7684\u6587\u672c\u663e\u793a\u4e3a\u7701\u7565\u53f7\u3002 \u76ee\u524d\u5728\u79fb\u52a8\u7aef\u5f00\u53d1\u7684\u5c55\u793a\u754c\u9762\u4e2d\uff0c\u5982\u679c\u4e00\u6bb5\u6587\u672c\u7684\u6570\u91cf\u8fc7\u957f\uff0c\u53d7\u9650\u4e8e\u5c4f\u5e55\u7684\u5bbd\u9ad8\u7b49\u56e0\u7d20\uff0c\u6709\u53ef\u80fd\u4e0d\u80fd\u5b8c\u5168\u663e\u793a\uff0c\u4e3a\u4e86\u63d0\u9ad8\u7528\u6237\u7684\u4f7f\u7528\u4f53\u9a8c\uff0c\u8fd9\u4e2a\u65f6\u5019\u5c31\u9700\u8981\u6211\u4eec\u628a\u6ea2\u51fa\u7684\u6587\u672c\u663e\u793a\u6210\u7701\u7565\u53f7\u3002 \u63a5\u4e0b\u6765\u6211\u4eec\u6765\u770b\u4e00\u4e0b\u5bf9\u4e8e\u4e0b\u9762\u8fd9\u4e00\u6bb5\u6587\u672c\u5185\u5bb9\uff0c\u6211\u4eec\u53ef\u4ee5\u5982\u4f55\u5b9e\u73b0\u884c\u6587\u672c\u6ea2\u51fa\u7684\u6837\u5f0f\u5427\uff1a \u5355\u884c\u6587\u672c\u6ea2\u51fa \u591a\u884c\u6587\u672c\u6ea2\u51fa\uff1a5\u884c\u4ee5\u4e0b\u7684\u5185\u5bb9\u5168\u663e\u793a\uff1b5\u884c\u4ee5\u4e0a\uff08\u542b5\u884c\uff09\u53ea\u663e\u793a5\u884c\uff0c\u8d85\u51fa\u90e8\u5206\u7701\u7565\u53f7\u5c55\u793a\uff1b5\u884c\u4ee5\u4e0a\u663e\u793a\u5c55\u5f00\u6309\u94ae\u3002\u70b9\u51fb\u5c55\u5f00\uff0c \u663e\u793a\u5168\u90e8\u5185\u5bb9\u4ee5\u53ca\u6536\u8d77\u6309\u94ae\uff1b\u70b9\u51fb\u6536\u8d77\uff0c\u6298\u53e0\u5185\u5bb9\u5e76\u663e\u793a\u5c55\u5f00\u6309\u94ae\u3002 \u60a0\u60a0\u7af9\u6797\uff0c\u4e07\u9877\u7fe0\u8272\uff0c\u51e0\u591a\u6e05\u5e7d\u548c\u5b81\u9759\uff0c\u81ea\u7136\u6ca1\u6709\u57ce\u5e02\u7684\u55a7\u56a3\u548c\u6742\u4e71\u3002\u82e5\u6709\u96e8\u5f90\u5f90\u98d8\u843d\uff0c\u5728\u7eff\u7eff\u7684\u679d\u53f6\u4e0a\u817e\u8d77\u8885\u8885\u8f7b\u70df\uff0c\u5982\u96fe\uff0c\u5982\u4e91\uff0c\u66f4\u4f3c\u4e00\u5e45\u6c34\u58a8\u4e39\u9752\uff0c\u6d41\u82b3\u6c81\u99a8\uff0c\u4e0d\u77e5\u6cca\u4e86\u8c01\u7684\u68a6\u6000\u3002\u66f4\u9189\u4eba\u7684\u662f\u90a3\u52a8\u542c\u7684\u96e8\u58f0\uff0c\u758f\u758f\u843d\u843d\uff0c\u6f47\u7136\u6210\u97f3\u6210\u66f2\u3002\u6b64\u65f6\uff0c\u96e8\u4e3a\u7ea4\u6307\u7af9\u4e3a\u5f26\uff0c\u6e05\u98ce\u6d41\u97f5\uff0c\u7ec6\u5f39\u5fc3\u8bed\uff0c\u542c\u96e8\u7684\u4eba\uff0c\u4fbf\u662f\u77e5\u97f3\u3002 \u5355\u884c\u6587\u672c\u6ea2\u51fa 1.\u5728js\u6587\u4ef6\u4e2d\uff0c\u8f93\u5165\u6587\u672c\u5185\u5bb9\uff1a Page({     data: {         content:’\u4eba\u8981\u62ff\u5f97\u8d77\uff0c\u4e5f\u8981\u653e\u5f97\u4e0b\u3002\u62ff\u5f97\u8d77\u662f\u751f\u5b58\uff0c\u653e\u5f97\u4e0b\u662f\u751f\u6d3b;\u62ff\u5f97\u8d77\u662f\u80fd\u529b\uff0c\u653e\u5f97\u4e0b\u662f\u667a\u6167\u3002\u6709\u7684\u4eba\u62ff\u4e0d\u8d77\uff0c\u4e5f\u5c31\u65e0\u6240\u8c13\u653e\u4e0b;\u6709\u7684\u4eba\u62ff\u5f97\u8d77\uff0c\u5374\u653e\u4e0d\u4e0b\u3002\u62ff\u4e0d\u8d77\uff0c\u5c31\u4f1a\u4e00\u4e8b\u65e0\u6210;\u653e\u4e0d\u4e0b\uff0c\u5c31\u4f1a\u75b2\u60eb\u4e0d\u582a\u3002\u4eba\u751f\u5916\u5728\u7684\u4e00\u5207\u6700\u7ec8\u4e1d\u6beb\u4e5f\u5e26\u4e0d\u8d70\uff0c\u665a\u653e\u4e0b\u4e0d\u5982\u65e9\u653e\u4e0b\u3002\u653e\u4e0b\u65e0\u8c13\u7684\u8d1f\u62c5\uff0c\u624d\u80fd\u4e00\u8def\u81ea\u5728\u3002’     } }); \u767b\u5f55\u540e\u590d\u5236 2.\u5728css\u6587\u4ef6\u4e2d\u4f7f\u7528text-overflow: ellipsis\u8bbe\u7f6e\u884c\u5c3e\u663e\u793a\u5c3e\u7701\u7565\u53f7\uff1a    white-space: nowrap; \/* \u4e0d\u6362\u884c *\/     overflow: hidden; \/* \u8d85\u51fa\u9690\u85cf *\/     text-overflow: ellipsis; \/* \u8d85\u51fa\u90e8\u5206\u663e\u793a\u7701\u7565\u53f7 *\/ \u767b\u5f55\u540e\u590d\u5236 \u591a\u884c\u6587\u672c\u6ea2\u51fa 5 \u884c\u4ee5\u4e0b\u7684\u5185\u5bb9\u5168\u663e\u793a 1.\u5728js\u6587\u4ef6\u4e2d\uff0c\u8f93\u5165\u6587\u672c\u5185\u5bb9\uff1a Page({ data: { content:’\u4eba\u8981\u62ff\u5f97\u8d77\uff0c\u4e5f\u8981\u653e\u5f97\u4e0b\u3002\u62ff\u5f97\u8d77\u662f\u751f\u5b58\uff0c\u653e\u5f97\u4e0b\u662f\u751f\u6d3b;\u62ff\u5f97\u8d77\u662f\u80fd\u529b\uff0c\u653e\u5f97\u4e0b\u662f\u667a\u6167\u3002\u6709\u7684\u4eba\u62ff\u4e0d\u8d77\uff0c\u4e5f\u5c31\u65e0\u6240\u8c13\u653e\u4e0b;\u6709\u7684\u4eba\u62ff\u5f97\u8d77\uff0c\u5374\u653e\u4e0d\u4e0b\u3002\u62ff\u4e0d\u8d77\uff0c\u5c31\u4f1a\u4e00\u4e8b\u65e0\u6210;\u653e\u4e0d\u4e0b\uff0c\u5c31\u4f1a\u75b2\u60eb\u4e0d\u582a\u3002\u4eba\u751f\u5916\u5728\u7684\u4e00\u5207\u6700\u7ec8\u4e1d\u6beb\u4e5f\u5e26\u4e0d\u8d70\uff0c\u665a\u653e\u4e0b\u4e0d\u5982\u65e9\u653e\u4e0b\u3002\u653e\u4e0b\u65e0\u8c13\u7684\u8d1f\u62c5\uff0c\u624d\u80fd\u4e00\u8def\u81ea\u5728\u3002’ } }); \u767b\u5f55\u540e\u590d\u5236 2.\u5728css\u6587\u4ef6\u4e2d\u4f7f\u7528text-overflow: ellipsis\u8bbe\u7f6e\u884c\u5c3e\u663e\u793a\u5c3e\u7701\u7565\u53f7\uff0c\u591a\u884c\u6587\u672c\u6ea2\u51fa\uff1a display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; \/* \u6307\u5b9a\u663e\u793a\u6587\u672c\u7684\u884c\u6570 *\/ overflow: hidden; \/* \u8d85\u51fa\u9690\u85cf *\/ \u767b\u5f55\u540e\u590d\u5236 5\u884c\u4ee5\u4e0a\uff08\u542b5\u884c\uff09\u53ea\u663e\u793a5\u884c\uff0c\u8d85\u51fa\u90e8\u5206\u7701\u7565\u53f7\u5c55\u793a 1.\u5728js\u6587\u4ef6\u4e2d\uff0c\u8f93\u5165\u6587\u672c\u5185\u5bb9\uff1a Page({     data: {         content:’\u4eba\u8981\u62ff\u5f97\u8d77\uff0c\u4e5f\u8981\u653e\u5f97\u4e0b\u3002\u62ff\u5f97\u8d77\u662f\u751f\u5b58\uff0c\u653e\u5f97\u4e0b\u662f\u751f\u6d3b;\u62ff\u5f97\u8d77\u662f\u80fd\u529b\uff0c\u653e\u5f97\u4e0b\u662f\u667a\u6167\u3002\u6709\u7684\u4eba\u62ff\u4e0d\u8d77\uff0c\u4e5f\u5c31\u65e0\u6240\u8c13\u653e\u4e0b;\u6709\u7684\u4eba\u62ff\u5f97\u8d77\uff0c\u5374\u653e\u4e0d\u4e0b\u3002\u62ff\u4e0d\u8d77\uff0c\u5c31\u4f1a\u4e00\u4e8b\u65e0\u6210;\u653e\u4e0d\u4e0b\uff0c\u5c31\u4f1a\u75b2\u60eb\u4e0d\u582a\u3002\u4eba\u751f\u5916\u5728\u7684\u4e00\u5207\u6700\u7ec8\u4e1d\u6beb\u4e5f\u5e26\u4e0d\u8d70\uff0c\u665a\u653e\u4e0b\u4e0d\u5982\u65e9\u653e\u4e0b\u3002\u653e\u4e0b\u65e0\u8c13\u7684\u8d1f\u62c5\uff0c\u624d\u80fd\u4e00\u8def\u81ea\u5728\u3002’     } […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-33324","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/33324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=33324"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/33324\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=33324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=33324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=33324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}