css - 放大可折叠说明

我要达到的目的是在不单击“显示更多”的情况下，将更多描述作为标准显示。您可以通过单击“显示更多”来获得完整的描述，但我希望无需单击它即可看到更多描述。目前，该区域的高度为123像素，我想要的高度为300像素左右，这将为我提供3-4行以上的文字。

该站点页面为：http://willsperkins.myshopify.com/products/test

我只是不确定如何执行此操作。

jQuery.themeSettings = {
			newsletter_check: "{{ settings.newsletter_check }}",
			newsletter_auto: "{{ settings.newsletter_auto }}",
			newsletter_mobile: "{{ settings.newsletter_mobile }}",
			carousel_autoplay: "{{ settings.carousel_autoplay }}",
			carousel_timer: "{{ settings.carousel_timer }}",
			collections_size: "{{ settings.collections_size }}",
			collections_border: "{{ settings.collections_border }}",
			truncated_description: "{{ settings.truncated_description }}",
			truncated_description_lines: "{{ settings.truncated_description }}",
			cart_action: "{{ settings.cart_action }}",
			gallery_max_size: "{{ settings.gallery_max_size }}",
			gallery_resizing: "{{ settings.gallery_resizing }}"

最佳答案

你一定有类似的东西

 jQuery.themeSettings = {
        newsletter_check: "true",
        newsletter_auto: "0",
        newsletter_mobile: "false",
        carousel_autoplay: "true",
        carousel_timer: "5",
        collections_size: "small",
        collections_border: "no",
        truncated_description: "true",
        truncated_description_lines: 123,
        cart_action: "overlay",
        gallery_max_size: "false",
        gallery_resizing: "fill"
    }

更新这部分

truncated_description_lines: 123,

到（例如，如果您想要300px的高度）

truncated_description_lines: 300,

关于css - 放大可折叠说明，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29967428/