Question

我正在尝试将pdf文件放在我的网页中间，但它并没有让我将边距设置为0自动，就像普通内容一样。

我可以通过绝对定位实现这一点，但为什么正常的保证金属性不起作用？

<html>
<style>
#ob{
    width:800px;
    height:800px;
}
#wrapper{
    margin:0 auto;
}

</style>
</head>

<body>

<div id="wrapper">
<object id="ob" class="pdf" data="my_pdf_file.pdf" type="application/pdf">
Your browser does not support PDFs
</object>
</div>


</body>
</html>

Answer 1

无论您尝试使用边距技术进行居中，都需要定义宽度。

尝试为包装器设置宽度，或者只是应用边距：0 px到#ob

Answer 2

给包装器一个宽度，这就是为什么它不居中我不知道在中心比较什么

#wrapper{
    margin:0 auto;
    width: 800px;
}

Answer 3

使用

text-align:center;

这是 jsFiddle example 。

Answer 4

你的包装中心是100％宽度，因此已经居中。将边距代码移动到对象，然后重试。

Answer 5

只需将您的样式标记替换为此标记即可解决您的问题，有关详细信息，请查看我在代码中编写的注释。

<style>
    #wrapper{
        width: 800px;   // It will set the width of the wraper
        margin: 0 auto;     // It will help the wrapper div to be centered of the document.
    }

    #ob{
        width: 100%;    // It will be streched upto the wrapper fixed width which is 800px
        height: 800px;
    }
</style>

Answer 6

试试这个：

<div id="wrapper">
<center>
<object id="ob" class="pdf" data="my_pdf_file.pdf" type="application/pdf">
Your browser does not support PDFs
</object>
</center>
</div>

带对象标签的CSS

6 个答案: