0

私は HTML と CSS のすべてにかなり慣れていないので、無知であることをあらかじめお詫びします。投稿画像をブログのテキストに合わせようとして失敗しました: http://kittenasacat.blogspot.ie/2013/08/saturday-sweetness-my-caramel-squares.htmlコンテンツの本文は 600px 幅です私の写真もそうですが、少しインデントされているため、右側が少し切り取られています。他のすべてをうまく整列させることができましたが、これらはそうではありません!

.post{
  width:100%;
  height:auto;
  padding:0;
  margin:5px 0 30px;
  border-bottom:none;
}
.post-body{
  margin:0 0 .75em;
  line-height:1.6em;
  font-size:11px;
  font-family:Arial;
  text-align:justify;
}
.post h3{
  font-size:30px;
  margin:0;
  padding:5px 0;
  text-align:left;
  font-family:Yanone Kaffeesatz, sans-serif;
  text-transform:uppercase;
}
.post img{
  padding:0;
  min-width:600px;
}
.thumbs img{
  margin-left:0px;
}
.post-footer-line-1,.post-footer-line-2,post-footer-line-3,.post-footer{
  display:none;
}

これはおそらく明白なことだと思いますが、それは私を打ち負かします。さらに情報が必要な場合はお知らせください。よろしくお願いします。(:

4

3 に答える 3

0

style="margin-left: 1em; margin-right: 1em;"に固定できますnone。詳しくは投稿をご覧ください。

于 2016-03-22T12:04:34.643 に答える
0

このスタイル設定が問題だと思います...

style="margin-left: 1em; margin-right: 1em;"

それらをオフにすると、画像が右に移動し、切り取られた部分が表示されました。

于 2013-09-04T07:03:36.700 に答える