Không gian trắng vẫn còn hiện diện xung quanh biên giới khung nội tuyến ngay cả sau khi đặt frameborder thành 0

Ngay cả Sau khi thiết lập thuộc tính frameborder trong iframe thành 0, vẫn còn một khoảng trắng xung quanh đường viền khung nội tuyến (không giống trang url/liên kết gốc) . Có cách nào khác để loại bỏ không gian màu trắng hoặc một số màu trắng phải được trình bày xung quanh khung nội tuyến vì nó nằm trong trang web (hoặc một phần của nó) và nó không thể là toàn bộ trang? Cảm ơn bạn.Không gian trắng vẫn còn hiện diện xung quanh biên giới khung nội tuyến ngay cả sau khi đặt frameborder thành 0

Nguồn

2010-10-26 Muaz

Bạn có thể gửi mã iframe của bạn, và phong cách bạn đang áp dụng cho các tài liệu bên trong iframe? Tại một đoán, tôi muốn nói rằng bạn cần phải đặt padding trên 'body' của tài liệu chứa 0, nhưng đó là một đoán trong sự vắng mặt của thông tin. :-) –

Y có vẻ như vậy, và đã giải quyết nó. Cảm ơn sự giúp đỡ – Muaz

Có lẽ khoảng trắng mà thực sự là lề bên ngoài của các tài liệu được nạp trong . Hãy thử phong cách tài liệu nạp với:

html, body { 
    border: 0px; 
    margin: 0px; 
    padding: 0px; 
}

Nguồn

2010-10-26 08:51:51

Cảm ơn bạn. Tôi nghĩ những gì bạn nói là đúng, tôi đã sử dụng mã bạn viết và nó đã làm việc cho tôi. Cảm ơn câu trả lời. – Muaz

Man! Bạn đã giải quyết được vấn đề! Tôi có mã của tôi đã cho tôi một vấn đề như thế này và sử dụng đề xuất của bạn. Bạn đã lưu lại ngày Frederic! – KPO

thử điều này:

<iframe bgcolor=#FFFFFF frameborder=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 width=100% 
    height="340" 
    src="myframe.html"> 
</iframe>

Nguồn

2010-10-26 08:51:45 heximal

Điều này, cùng với các thuộc tính html, body {} đã đề cập ở trên - AS WELL khi sử dụng scrolling = "auto" - đã giải quyết lớp đệm 10 pixel dường như được thêm vào cuối khung nội tuyến chứa hình ảnh. Không gian được thêm này đã khiến thanh cuộn dọc xuất hiện một cách không mong muốn bằng Firefox. Tôi đã cố gắng tận dụng lợi thế của tính năng tự động kích thước và phóng to của Firefox khi bạn đang trỏ trình duyệt đến một mình hình ảnh. Khi bạn thử điều này trong iframe - nó đã thêm không gian thừa vào dưới cùng của hình ảnh - hoặc chính iframe giống như xén hình ảnh. – KDawg

Cài đặt khung nội tuyến cuối cùng tôi đã sử dụng để loại bỏ thanh cuộn dọc là: Có thể vấn đề này đáng giá riêng đăng hoàn toàn? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1502852/">KDawg</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Câu trả lời của bạn ở trên bình luận đã làm việc cho tôi sau khi thở hổn hển qua mạng lưới cho iframe. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Bằng cách thêm vào CSS này chúng ta có thể làm cho khung nội tuyến trong toàn màn hình</p> <pre><code class="prettyprint-override">body,html { background-color:#DDEEDD; padding:0px; margin:0px; height:100%; width:100%; overflow:hidden; } iframe { margin:0; padding:0; border:none; overflow:hidden; background-color:#DDEEDD; } </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/18867975">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2013-09-18 09:02:53</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Một số trùng lặp không cần thiết, phải không? Khung nội tuyến cũng có thể sau html và phần khung nội tuyến bị xóa. Dù sao, đây là lời đề nghị duy nhất có hiệu quả với tôi, vì vậy cảm ơn! – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Chỉ cần thêm <strong><code class="prettyprint-override">style="margin: 0 0 0 0"</code></strong> bên <code class="prettyprint-override"><iframe ></code> thẻ.</p> <p><strong>dụ:</strong></p> <p><code class="prettyprint-override"><iframe src="http://www.yahoo.com" style="margin: 0 0 0 0"></iframe></code></p> <p>Nếu bạn muốn lợi nhuận, bạn phải thêm 'px' sau số</p> <p>(Nhờ "Inspect Element" công cụ của Safari Browser) này giải quyết giải pháp của tôi .</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/21172136">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2014-01-16 20:25:58</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/3204170/">Mohammad</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Đề xuất của Frederic giải quyết được vấn đề của tôi: cách thoát khỏi đường viền màu trắng trong trình chiếu toàn màn hình cho trình duyệt Safari. Hoàn hảo! Rất cám ơn, wimsch [Vì tôi không thể thêm một lời nhận xét về câu trả lời của mình [[< 50]]: Tôi đặt nó ở đây để cho anh ta biết tỏ lòng biết ơn của tôi]</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/25986229">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2014-09-23 03:06:19</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2317959/">user2317959</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>thử này</p> <pre><code class="prettyprint-override"><iframe src="....." style="position:absolute;"></iframe> </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/37044377">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-05-05 06:58:04</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/5355154/">jack</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Tôi chạy vào một vấn đề tương tự: Tôi đã có iframe bên trong một thẻ <code class="prettyprint-override">figure</code> và có một khoảng trắng giữa khung nội tuyến và phần tử <code class="prettyprint-override">figcaption</code>.</p> <pre><code class="prettyprint-override"><figure> <iframe></iframe>  <figcaption></figcaption> </figure> </code></pre> <p>Trong trường hợp của tôi, chỉ cần thêm <code class="prettyprint-override">iframe { display:block }</code> giải quyết được vấn đề.</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/37840455">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-06-15 16:01:11</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">3<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Áp dụng bên dưới để khung nội tuyến</p> <pre><code class="prettyprint-override">display: block </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/39010716">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-08-18 05:45:42</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">nên được bình luận – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Làm việc cho tôi. Cảm ơn! – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="clearfix"> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592049017"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Câu hỏi mới nhất </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://vi.uwenku.com/question/p-rlqcupvj-x.html" target="_blank" title="Rails/ActiveRecord - AdapterNotSpecified, mặc dù nó là"> Rails/ActiveRecord - AdapterNotSpecified, mặc dù nó là </a> </li> <li class="side_article_list_item"> 2. <a href="http://vi.uwenku.com/question/p-bktqvzii-t.html" target="_blank" title="Làm cách nào để đóng tất cả các cửa sổ trong tab hiện tại của vim"> Làm cách nào để đóng tất cả các cửa sổ trong tab hiện tại của vim </a> </li> <li class="side_article_list_item"> 3. <a href="http://vi.uwenku.com/question/p-rlctyfpx-o.html" target="_blank" title="Thay đổi nội dung văn bản tối ưu 2 Trọng số phông chữ"> Thay đổi nội dung văn bản tối ưu 2 Trọng số phông chữ </a> </li> <li class="side_article_list_item"> 4. <a href="http://vi.uwenku.com/question/p-gspzlqoa-h.html" target="_blank" title="Đóng tất cả cửa sổ thông tin bản đồ google API V3?"> Đóng tất cả cửa sổ thông tin bản đồ google API V3? </a> </li> <li class="side_article_list_item"> 5. <a href="http://vi.uwenku.com/question/p-hujrijvw-bd.html" target="_blank" title="Kiểm tra hàng TTL trong cassandra?"> Kiểm tra hàng TTL trong cassandra? </a> </li> <li class="side_article_list_item"> 6. <a href="http://vi.uwenku.com/question/p-fzjccpfh-bk.html" target="_blank" title="Làm thế nào để tạo một trang tùy chỉnh trong ActiveAdmin đá quý"> Làm thế nào để tạo một trang tùy chỉnh trong ActiveAdmin đá quý </a> </li> <li class="side_article_list_item"> 7. <a href="http://vi.uwenku.com/question/p-owrfjomp-e.html" target="_blank" title="Tăng đống để tránh Out of Lỗi bộ nhớ trong WEKA"> Tăng đống để tránh Out of Lỗi bộ nhớ trong WEKA </a> </li> <li class="side_article_list_item"> 8. <a href="http://vi.uwenku.com/question/p-bovkinzf-b.html" target="_blank" title="Phân trang UIScrollView được kích hoạt với nội dung inset đang hoạt động lạ"> Phân trang UIScrollView được kích hoạt với nội dung inset đang hoạt động lạ </a> </li> <li class="side_article_list_item"> 9. <a href="http://vi.uwenku.com/question/p-rfgrqqqv-bn.html" target="_blank" title="Làm thế nào để vẽ một hình bầu dục mịn trong vải"> Làm thế nào để vẽ một hình bầu dục mịn trong vải </a> </li> <li class="side_article_list_item"> 10. <a href="http://vi.uwenku.com/question/p-ahthjuym-bc.html" target="_blank" title="Tham số ngoài trong C#"> Tham số ngoài trong C# </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Các vấn đề liên quan</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item">Không có vấn đề liên quan^_^</li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://vi.uwenku.com/contact">Liên lạc với chúng tôi</a></li> <li>© 2020 VI.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>

Không gian trắng vẫn còn hiện diện xung quanh biên giới khung nội tuyến ngay cả sau khi đặt frameborder thành 0

Trả lời