以HTML格式显示文本文件

时间:2014-08-27 19:07:16

标签: html css text

我试图在不使用ajax,javascript ecc的情况下以html显示文本文件的内容。 但可能是css和html。 我有一个图像幻灯片,根据您选择的图像,文本文件的内容应显示在照片下方。我知道如何将文本文件与照片相关联它应该可以工作,但是如何才能在网页中显示txt文件的内容? 谢谢: - )

2 个答案:

答案 0 :(得分:8)

您可以使用<iframe>

&#13;
&#13;
<iframe src="http://stackoverflow.com/reputation"></iframe>
&#13;
&#13;
&#13;

  

修改:Stack Overflow不再允许<iframe>访问其他域,因此我转而使用//stackoverflow.com/reputations进行演示

这可能更符合您的要求(图片下方有文字):

&#13;
&#13;
iframe{
    border:none;
    width:400px;
    display:block;
}
&#13;
<img src="http://lorempixel.com/400/400">
<iframe src="http://stackoverflow.com/reputation"></iframe>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

作为 iframe 的替代品,该标签可以很好地发挥作用。

nikolay_turpitko's answer to a similar question does it quite well

[下面是他的答案直接抄的]

在较新的浏览器中,如下所示的代码可能就足够了。

<object data="https://www.w3.org/TR/PNG/iso_8859-1.txt" width="300" height="200">
Placeholder Text
</object>