隱藏小部件的一部分？

我有銷售門票的小部件。當頁面上顯示/加載小部件的內容時，我需要隱藏小部件的底部（第三）部分。我認爲這是與「新頁面頁腳包裝」類的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

隱藏小部件的一部分？

回答

相關問題