사진을 게시물 범위 내에서 tumblr 텍스트 게시물에 보관하려면 어떻게해야합니까?

Question

tumblr 텍스트 게시물에 추가 된 사진이 게시물 배경 바깥으로 나오지 않게하려면 어떻게해야합니까?
사진이 연쇄 체인에있는 모든 곳에서 사진이 배경 안에 계속 남아 있는지 확인하고 싶습니다. 내 텍스트 게시물에 대한

HTML은 다음과 같습니다 내 텍스트 게시물에 대한

{block:Text} 
     <div class="text"> 
      {block:Title} 
       <h3> 
        <a href="{Permalink}">{Title}</a> 
       </h3> 
      {/block:Title} 
      {Body} 
      <ul class="like-reblog"> 
       <li>{LikeButton color="white"}</li> 
       <li>{ReblogButton color="white"}</li> 
       <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li> 
       <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li> 
      </ul> 
      <ul class="tags"> 
       <li>{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags} 
      </ul> 

     </div> 
     {block:PostNotes}{PostNotes}{/block:PostNotes} 
     {/block:Text} 

는 CSS는 다음과 같습니다

.text { 
     background: rgba(251, 230, 202, 1); 
     margin: 40px auto; 
     padding: 20px; 
     width: 500px; 
     border: 2px solid #fff; 
     background-position:center; 
    } 
    .text a { 
     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
     font-weight: normal; 
     color: rgb(52, 47, 20); 
     text-decoration: none; 
    } 
    .text img { 
     max-width: 400px; 
     height: auto; 
} 
    .text blockquote{ 
     border-left: 3px solid #fff; 
     padding: 0px 10px; 

Answer 1

.text img { 
    max-width: 100%; 
    height: auto;} 

이이 문제를 해결해야한다. reblog 인용 부호 안에 맞게 이미지가 축소됩니다.