Каков наилучший способ центрирования iframe?Центрирование iframe?
Вы предвидите любые проблемы с чем-то простым?
<html>
<body>
<iframe src="https://abc.123.com/" width="100%" height="100%"></iframe>
</body>
</html>
Здесь не мое взятие:
<html>
<body>
<iframe src="https://abc.123.com/" style="border: none; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>
</body>
</html>
Вы будете нуждаться в этом CSS, чтобы обеспечить высоту и ширину 100%, а также не поля или отступы.
body, html {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
Имейте в виду, что это может вызвать презрение от пользователей, которые находят несоответствия с помощью кнопки перемотки вперед/назад, изменяя всю страницу, а не фрейма, покрывающей всю страницу. Если это возможно, лучше избегать использования iframes для чего-то подобного, если вообще все эти дни.
<iframe src="https://abc.123.com/" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>
Это будет работать нормально, но вы по-прежнему будете иметь очень крошечную серую рамку на нем.
Чтобы исправить это, используйте это в CSS:
body {
margin: 0;
}
Если вы действительно хотите, в центре и шириной ничего, кроме 100%, использовать что-то вроде этого:
<html>
<body style="margin: 0;">
<div style="margin: 0 auto; width: 500px;"><!--Change this width if you want-->
<iframe src="http://www.w3schools.com" style="width: 100%; height: 100%; border: none;">
</iframe>
</div>
</body>
</html>
я избавилась от границы IFrame, который вызывает полосы прокрутки.
Спасибо, тон, Арама. Почему iFrames так смотрели на эти дни? У вас есть внешняя ссылка, которую я могу прочитать об этой теме? – Ray
http://stackoverflow.com/questions/1081315/why-developers-hate-iframes –
Это не будет центрировать iframe, если iframe имеет значение, отличное от 100%. Кроме того, он оставляет полосы прокрутки из-за границы на iframe. – Jason