HTML / CSS文本从div顶部对齐

2 回答

• -1

  首先，你需要修复你的CSS选择器 .
  你可以通过这种方式't write all those id' .

  #content #main #services
  

  只需选择1个元素和他的孩子 .
  例如，如果你测试它，它将适用于你：

  #services .langelis .txt {
  width: 440px;
  height: auto;
  float: left;
  border: 1px #000 solid;
  text-align:center;
  

  }

  如果你想让它垂直对齐 .txt div的中心，你可以这样做：

  #services {
      width: 1010px;
      height: auto;
      min-height: 320px;
      margin: 50px auto;
     
  }
  
  #content #main #services .langelis {
      width: 510px;
      height: auto;
      min-height: 140px;
      position: relative;
      border: 1px #000 solid; 
  }
  
  #content #main #services .langelis .icon {
      width: 65px;
      min-height: 140px;
      height: auto;
      float: left;
      border: 1px #000 solid;
  }
  
   #services .txt {
      width: 440px;
      height: 500px;
      border: 1px #000 solid;
      display:table;
      text-align:center;
  }
  .sub{
      display:table-cell;
      vertical-align:middle;
      text-align:center;
  }
  

  <div id="services">
  
          <div class="langelis">
              <div class="icon">
                  <img src="images/knyg.jpg" alt="knyga" />
              </div>
  
              <div class="txt">
              <div class="sub">
                      <h1>Lorem Ipsum</h1>
                      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s..</p>
              </div>
              </div>
          </div>
          <div class="clear"></div>
      </div>
  

  回复于 2024-05-10T07:32:06+08:00
• 0

  对于垂直对齐，请参阅以下简单示例：http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

  回复于 2024-05-10T07:32:06+08:00