隐藏小部件的一部分？

我有销售门票的小部件。当页面上显示/加载小部件的内容时，我需要隐藏小部件的底部（第三）部分。我认为这是与“新页面页脚包装”类的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 -->

来源

2016-10-12 todor

提供更多信息像任何库，你与项目 – Thaadikkaaran

如果您添加关于此声明的更多信息，我认为可以更轻松地回答此问题：'I认为它是与类“新页面页脚包装”div。这部分的问题有点含糊。 – richfinelli

另外 - 我的第一个想法是稍微更新标记，以便要隐藏的部件（最下面的三部分）是它自己的div。在这种情况下，您可以使用具有“display：none”规则的CSS类“即隐藏”来最初隐藏它。标记是否可以改变？ – richfinelli

您可以将一组高度，然后用overflow: hidden

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

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

来源

2016-10-12 13:44:46 MoultoB

隐藏小部件的一部分？

回答

相关问题