Вы не можете. Элемент iframe
заполняет элемент div
, стиль которого position
установлен на relative
. Это невозможно и не зря. Что, если центр экрана не находится над вашим iframe
? Facebook не хочет, чтобы вы делали что-то сумасшедшее и портили презентацию самой страницы (то есть скрывали рекламные объявления, создавали фальшивые элементы, похожие на Facebook и т. Д.).
Но если вы хотите центрировать элемент внутри iframe
, вы можете сделать что-то вроде этого:
<!DOCTYPE html>
<html>
<head>
<title>Centering an element with CSS</title>
<style type="text/css">
#center_container {
left: 50%;
position: fixed;
top: 50%;
}
#center {
border: 1px dashed #000; /* added to show size and position of element */
height: 100px;
left: -100px; /* -0.5 * width */
position: absolute;
top: -50px; /* -0.5 * height */
width: 200px;
}
</style>
</head>
<body>
<div id="center_container">
<div id="center">This tag is centered.</div>
</div>
</body>
</html>
В противном случае вам придется придерживаться функций всплывающего окна JavaScript : alert()
, confirm()
и prompt()
.