0

ポートフォリオ サイトのグリッド レイアウトを作成しようとしています。オンラインでの操作に問題があります。Dreamweaver でプレビューを試してみると問題ないように見えますが、アップロードするとすべてめちゃくちゃになります..助けてください

http://www.kaspervanvliet.nl/index.html

HTML:

<div id="images-containter">
      <div class="col">
         <img src="images/k_Web-03.jpg">
            <img src="images/curriculum_new.jpg">
                <img src="images/Finnley's_2.jpg">
                    <img src="images/Justme_1.jpg">
            </div>

CSS:

.images-containter {
position: relative;
width: auto;
height: auto;
}

.images-containter img{
width: 350px;
height: auto;
background: #fffff;
padding: 0px;
margin: 15px;
border: none;
}

.col {
width: 350px;
display: block;
float: left;
margin: 15px;
vertical-align: top;
align: center;
}
4

2 に答える 2

0

css を使用して、高さと幅を一度に設定することもできます。これを試して：

HTML:

<div class="img_container">
  <div class="port"><img src="images/..."></img></div>
  <div class="land"><img src="images/..."></img></div>
</div>

CSS:

.img_container {
  width: 250px;
  height: 250px;
  background-color:grey;
}
.port {
  width: 100px;
  height: 200px;
}
.land {
  width: 200px;
  height: 100px;
}

コードからスタイルを切り取ったので、それは良いことです。

于 2013-07-30T15:41:33.227 に答える