0

我有一个固定宽度的居中页面，并且必须在页面中间插入一个全角图像。最好的方法是什么？

4

3 回答 3

2

http://jsfiddle.net/c59Pw/

CSS：

.container {
    width:500px; 
    margin:0 auto;
    background-color:purple;
    padding:30px;
}
img {
    position:absolute;
    width:100%;
    left:0;
}

HTML：

<div class="container">
    <p>Copy here.</p>
    <img src="http://www.placecage.com/c/500/300">
 </div>
于 2013-08-15T19:41:02.443 回答
0

我会<img>在你的包装内使用一个标签。

于 2013-08-15T19:38:55.157 回答
0

对于根据容器或页面大小的全宽，您可以简单地在 CSS 中使用：

width: 100%;

对于固定大小，以像素或其他单位输入，如下所示：

width: 250px;

http://www.w3schools.com/cssref/pr_dim_width.asp

于 2013-08-15T20:37:43.250 回答