CSS居中查询



除了";HTML框"-就是这样。所以,尽管有很多更好的方法可以做到这一点,但我的选择有点有限。我不能添加任何代码,除了一个简单的";框";。因此,到目前为止,我在谷歌看到的几乎所有解决方案都不起作用。我被允许嵌入到页面的链接,但我对页面/样式表等的其余部分没有控制权。

目前它是有效的,但所有东西都是左对齐的,这看起来很可怕,我想把它居中,但最好不要使用过时的命令。有没有一种方法可以在不访问页面代码其余部分的情况下做到这一点?

我需要转换以下内容以显示为居中文本:-

<嵌入类型=";text/html";src=";targetwebsite.com/";宽度=";300〃;高度=";600〃>

我可以用<居中>lt;嵌入类型=";text/html";src=";targetwebsite.com";宽度=";300〃;高度=";600〃>但是我正试图替换<居中>用不过时的东西标记。

我知道iframe,但是由于主机站点的问题,这会导致其他问题。所以,请不要告诉我我需要使用iframe和编辑小HTML框之外的东西——遗憾的是,我没有这个选项。非常感谢。

(第一个<后面的额外空间用于显示!(

iframe和embed-are对于css来说是非常困难的。

但是,您可以使用这样的容器div来解决居中或宽度问题:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>

<style>
.framecontainer {
border:1px solid red;
display:flex;
justify-content: center;
}
iframe {
/* if you wanna iframe 100%;
width:100% !important;
*/
}
</style>
<div class="framecontainer">
<embed type="text/html" src="http://cebraililhan.com/"  width="500" height="200">

</div>

<div class="framecontainer">

<iframe width="420" height="345" src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
</div>

</body>
</html>

最新更新