如何调整jQuery加载的内容的大小's使用CSS的加载方法
How to resize the content loaded by jQuery's load method using CSS
我正在使用load方法在我的网站中加载一个网页。
// main.js
$(document).ready(function ()
{
$("#content").html("<object data='http://tired.com/'>");
});
// index.html
<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="scripts/main.js"></script>
<style type="text/css">
#container{
width: 100%;
height: 100%;
}
#content{
margin-top: 10;
margin-left: 100;
margin-bottom: 10;
margin-right: 10;
width: 500px;
height: 500px;
}
</style>
</head>
<title>
Testing loading a html page into a div
</title>
<body>
<div id="container">
<div id="top">
<p> Top </p>
</div>
<div id="content">
</div>
<div id="bottom">
<p> Bottom </p>
</div>
</div>
</body>
</html>
尽管content
div的高度和宽度为500px,但网页仍然以其原始大小加载。
我怎样把它做大?
谢谢。
它确实有效,检查一下这个小提琴。JSFiddle演示链接
您可能还想将px
添加到您的页边距中。
#content{
margin-top: 10px;
margin-left: 100px;
margin-bottom: 10px;
margin-right: 10px;
background:skyblue;
width: 500px;
height: 500px;
padding:10px;
}
我建议尝试在对象标记本身上设置样式:
#content object {
width: 500px;
height: 500px;
}
相关文章:
- jQuery加载方法字符集
- html5:一个很好的加载方法
- 检查浏览器是否支持iFrame上的加载方法
- ExtJS文件加载方法
- 陷入jQuery加载方法
- 使用jquery加载方法是一种好的做法吗
- JWPlayer在使用API加载方法时无法在iPad / iPhone上播放
- 如何在页面加载方法中调用 Javascript 函数
- HTML5 / Javascript图像加载方法和传递给变量
- ID 存储在 JS 变量中的 AJAX 加载方法
- 使用加载方法发送表单后隐藏“提交”按钮
- 在JQuery加载方法中使用post传递数据
- 如何调整jQuery加载的内容的大小's使用CSS的加载方法
- jQuery()在for循环内部加载方法,如何在出现错误时退出
- 重新加载方法:响应文本与窗口.位置.href(1 次旅行与 2 次)
- 使用Jquery加载方法与Slick插件
- Jquery加载方法上传多个页面
- Php包含方法和Jquery加载方法
- 将焦点设置在使用jQuery加载方法导入的其他页面的元素上
- 触发器以编程方式选择加载方法