Заставьте встраивать себя как div - PullRequest
Новая
       38

Заставьте встраивать себя как div

1 голос
/ 29 июля 2011

Я хотел бы добавить немного CSS, чтобы тег <embed /> выглядел как <div>.В настоящее время он добавляет произвольную высоту и ширину, которые часто приводят к появлению поля прокрутки, похожего на iframe.

Кто-нибудь знает «встроенный сброс», чтобы он вел себя как div?

Edit: На самом деле мне просто нужно выяснить, как получить высоту, основанную на внутреннем содержании.Вот что у меня есть: 

embed {
    width: 100%;
    display:block;
    margin: 0;
    /* Below from Eric Meyer's Reset */
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

Спасибо, Мэтт

Ответы [ 3 ]

0 голосов
/ 29 июля 2011

Вы можете добавить width=100%; и height=100%; к самому тегу.

<embed src="http://google.com" type="text/html" width=100%; height=100%;>

http://jsfiddle.net/jasongennaro/K8nCn/1/

Важно: это будет работать только в том случае, если для содержимого достаточно места в окне. (перетащите скрипку, чтобы увидеть исчезновение полос прокрутки)

Вы, вероятно, уже знаете это, но embed предназначен для интерактивного контента, такого как видео и аудио. [ 1 , 2 ]

Я бы сказал, что обслуживание веб-контента лучше выполнять с помощью iframe или другого метода, например php + cURL.

0 голосов
/ 29 июля 2011

Что происходит, когда вы тоже вводите тег <object>? 

object, embed {
    width: 100%;
    display:block;
    margin: 0;
    /* Below from Eric Meyer's Reset */
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
0 голосов
/ 29 июля 2011

Просто дикая догадка.

 <embed style="display:block; width: 100%; height: 100%">

у вас работает?( Вот объяснение для display: block).

Обратите внимание, что атрибуты высоты и ширины embed элементов должны быть пикселями, а не процентами, и поэтому здесь не очень полезны.

...