php - 我如何使用 php 动态更改 html div 的宽度？

Question

<分区>

Answer 1

我假设您正在使用 MySQL 这样的数据库。我还假设您的数据库查询返回以下字段question、answer 和_image_path_。

PHP

 $faq_html = '<div class="faq %s"><div class="content">Q: %s<br>A: %s</div>%s</div>';
 while ( $row = $result->fetch_object() ) :
      $container_class = 'no-image';
      $faq_img_html = '';
      if ( ! empty( $row->image_path ) ) :
           $container_class = 'has-image';
           $faq_img_html = sprintf( '<div class="pic"><img src="%s" /></div>', $row->image_path );
      endif;
      $faqs .= sprintf( $faq_html, $container_class, $row->question, $row->answer,  $faq_img_html );
 endwhile;

 echo '<div class="faqs-container">' . $faqs . '</div>';

对于每个单独的常见问题解答，输出将在 DIV 包装器上具有 .no-image 或 .has-image 类。

HTML

 <div class="faq no-image">
      <div class="content">
           Q: text text text? <br>
           A: text text text
      </div>
 </div>

<div class="faq has-image">
      <div class="content">
           Q: text text text? <br>
           A: text text text
      </div>
      <div class="pic"><img src="your-img.jpg" /></div>
 </div>

一旦你有了它，只需撒上一点 CSS。

 .no-image .content { width: 100%; }
 .has-image .content,
 .has-image .pic { width: 50%; }