html - 显示所有文本文档

标签 html css embed

我有一份文件想放在我的页面上,但它在一个小盒子里。我想知道如何一次显示所有内容,而不是有人必须在一个小框中向下滚动。这是我所拥有的:

<p><object src="resume.html"><embed src="resume.html"></embed></object></p>

我是否需要更改 CSS 或 HTML 中的某些内容?如果您能使用 CSS 给我答案,那就太好了。非常感谢。

最佳答案

在这种情况下,您可以更改 HTML 或 CSS。

HTML:

该对象有一个 height=""属性,因此您可以将高度设置为您希望对象达到的任何大小。 (如果需要的话,它也有一个 width=""属性)

<embed src="resume.html" height="400px">

CSS:

有点复杂。您首先要链接到外部样式表,如下所示:

<head>   
    <link rel="stylesheet" href="application.css"> 
</head>

并为元素添加类以获得正确的 CSS 语法:

<object class="outer" src="resume.html">
<embed class="inner" src="resume.html"></embed></object>

在您的 CSS 中,您只需调用该类并将其高度属性设置为您想要的任何值。您可以使用绝对高度,指定所需的像素数。然而,相对地指定高度可能是更好的做法,作为其父元素高度的百分比。所以你的 CSS 看起来像这样:

.inner {
    height: 100%;
}

在这种情况下,100% 将使它与周围的元素具有相同的高度,并使其按您希望的方式显示。

关于html - 显示所有文本文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26748538/

相关文章:

jquery - 使用 $.get() 检索 HTML 代码段后, Font Awesome 图标消失了

iphone - 嵌入视频以在 iPhone 上播放?

javascript - 如何使用JS读取文本文件中的数据并按时间间隔动态更新<div>

html - 带有 flexbox 的 IE 错误

javascript - 根据另一个 div 滚动位置显示 div

css - 位置为 :absolute inside another positioned element doesn't inherit background color 的元素

java - 如何将嵌入元素类型从 PDF 流切换到文本流

c# - 如何使用嵌入的discord.net webhook C# 发送文件附件

javascript - 分区和动画

javascript - 使用 JQuery 更改 DIV 中的 javascript 变量