将XML文件中的CSS属性导入DIV和iframes时不使用
将XML文件中的CSS属性导入DIV和iframes时不使用
提问于 2015-11-25 02:14:56
在这种情况下，我试图以XML格式显示日志数据。
- 主页'mainpage.html‘的模板定义了DIV和iframes。
- CSS文件'style2.css‘定义了页面和数据的属性。
- 文件'header.html‘来源于其中一个iframes。我只做最后一个，因为我不想每次将日志文件解析为表格式时都要构建静态头。
- 第四个文件，一个示例日志文件，‘import.xml.xml’，来源于其他iframes。该文件以XML格式读取日志文件，并使用
<tr>和<td>标记包装数据。
有几个问题让我很伤心。
- 我的
<TH>和<TD>标记的选择器没有生效 <TR>标记在iframe中不起作用- 垂直滚动条没有隐藏
- 文本不是对齐的
如果我将所有内容都放入一个html文件中，我就不会有这个问题。只有当我在外部文件中找到资料的时候。
希望我说的够清楚了。我提供的文件并不意味着生产质量。相反，他们只是在证明自己的功能。他们很基本也很丑。
以下是文件内容：
mainpage.html
<!DOCTYPE html>
<head><link rel="stylesheet" href="style2.css"></link></head>
<body>
<div id="container">
<div id="header">
<iframe id="hdr-frame" src="header.html"></iframe>
</div>
<div id="main">
<iframe id="main-frame" src="import.xml"></iframe>
</div>
</div>
</body>
</html>
header.html
<DOCTYPE! html>
<head>
<body>
<table id="header-table">
<th>Header 1</th><th>Header 2</th><th>Header 3</th><th>Header 4</th><th>Header 5</th><th>Header 6</th>
</body>
</html>
style2.css
#container {
width:800px;
height:auto;
margin-left:auto;
margin-right: auto;
margin-top: 11px;
margin-bottom: 21px;
background-color: yellow;
}
#header {
height: 33px;
width:790px;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
background-color: Red;
overflow: hidden;
}
#main {
width:99%;
height: auto;
margin-left: auto;
margin-right: auto;
background-color:Green;
color: white;
}
#import-table > tr > td {
width:30px;
color:red;
vertical-align: middle;
}
td {
width: 30px;
color: red;
text-align: center;
}
#hdr-frame {
width:790px;
height: 30px;
text-align: center;
}
#main-frame {
width:790px;
height: auto;
overflow: hidden;
}
import.xml
<!DOCTYPE HTML>
<head><link rel="stylesheet" href="style2.css"></link>
<body>
<table id="import-table">
<tr><td>Element 1</td><td>Element 2</td><td>Element3</td><td>Element 4</td><td>Element 5</td><td>Element6</td></tr>
<tr><td>Element 7</td><td>Element 8</td><td>Element9</td><td>Element 10</td><td>Element 11</td><td>Element12</td></tr>
</table>
</body>
</html>
回答 1
Stack Overflow用户
发布于 2015-11-25 14:37:56
我最终解决了我自己的大部分问题。我将正在获取的文件命名为‘..xml’，因为它最初是这样的。但是当我添加HTML标记时，浏览器并不在意它现在是一个html文件，它仍然将它解释为一个XML文件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33907429
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号