Question

我有卖票的小部件。当在页面上显示/加载小部件的内容时，我需要隐藏小部件的底部（第三）部分。我认为它是与“new-page-footer-wrapper”类的div。我怎么能这样做？

小部件的代码是：

<!-- Ticket Tailor Widget. Paste this in to your website where you want the widget to appear. Do no change the code or the widget may not work properly. -->

<div class="tt-widget">
<div class="tt-widget-fallback">
    <p><a href="https://www.tickettailor.com/all-tickets/18209/4848/ref/website_widget/" target="_blank">Click here to buy tickets</a><br />
        <small><a href="http://www.tickettailor.com?rf=wdg" class="tt-widget-powered">Sell tickets online with Ticket Tailor</a></small>
    </p>
</div>

<script src="https://dc161a0a89fedd6639c9-03787a0970cd749432e2a6d3b34c55df.ssl.cf3.rackcdn.com/tt-widget.js" data-url="https://www.tickettailor.com/all-tickets/18209/4848/ref/website_widget/" data-type="inline" data-inline-minimal="false" data-inline-show-logo="true"  data-inline-bg-fill="true">
</script>
</div>
<!-- End of Ticket Tailor Widget -->

Answer 1

您可以应用设定的高度，然后使用overflow: hidden

＆＃13;

div {
  border: 1px solid #e0e0e0;
  height: 80px;
  overflow: hidden;
  padding: 5px;
}

＆＃13;

<div>
  <p> This can be seen </p>
  <p> This can also be seen </p>
  <p> This cannot be seen </p>
</div>

＆＃13;

隐藏部分小部件？

1 个答案: