resize image when whee div divizing

嗨，大家好，我真的需要一些帮助她，我在横幅上工作，当父母div改变时，我无法调整图片大小，并将其设置在div的中心。她是我的代码，并感谢您的帮助嗨，大家好，我真的需要一些帮助她，我在横幅上工作，当他父母的div发生变化时，我无法调整图片大小，并将其设置在div的中心。她是我的代码，并感谢您的帮助resize image when whee div divizing

<!DOCTYPE html> 
<html dir="rtl"> 
<head> 
<meta charset="utf-8"> 
<style> 
.inner-div{ 
      padding: 50px; 
      height: 400px; 
      width: 100%; 
      background-color: #3787be; 
     } 
     .con-div{ 
       height: 300px; 
       /* border: solid red 5px; */ 
       margin: 0 auto; 
       display: inline-block; 
       width: 100%; 
       /* padding: 50px; */ 
     } 
     .con-div{ 
       height: 300px; 
       width: 50%; 
       float: left; 
     } 
     .text-div{ 
      vertical-align: baseline; 
      padding: 40px 100px 40px 40px; 
      color: white; 
      line-height: 20px; 
     } 
     .img-option{ 
       width: 614px; 
       height: 290px; 
       padding: 5px; 
       background-color: white; 
     } 
    </style> 
</head> 
<body> 
<div class="inner-div"> 
    <div class="outer-div"> 
     <div class="con-div"> 
      <img src="../image/14682235441.jpg" alt="dice" class="img-option"> 
     </div> 
     <div class="con-div text-div"> 
      <h1> العلم نور العلم نور </h1> 
      <p> العلم نور العلم نور العلم نور العلم نور العلم نور العلم نور </p> 
      <p> العلم نور العلم نور العلم نور العلم نور العلم نور العلم نور </p> 
      <p> العلم نور العلم نور العلم نور العلم نور العلم نور العلم نور </p> 
      <p> العلم نور العلم نور العلم نور العلم نور العلم نور العلم نور </p> 
     </div> 
    </div> 
</div> 
</body> 
</html>

来源

2016-11-09 Abderrazzak Benbouya

这应该为你工作：

.img-option { 
    width:100%; 
    max-width:614px; 
    height:auto; 
    position:relative; 
    display:block; 
    margin:0 auto; 
}

来源

2016-11-09 22:57:25

OK谢谢它的工作。 –

和我垂直对齐的文本垂直对齐怎么样，但什么也没有发生。 –

如果您尝试将它们并排排列，请使用display：inline-block;垂直对齐：顶部;为每个你想要对齐的div –

resize image when whee div divizing

回答

相关问题