如何获取水平div而不是垂直css

时间：2020-08-20 作者：diegod1os

我不能在一个div中水平放置一些div。如果可以，我就不能编辑大小！这是代码的一小部分

HTML/PHP

echo \'<div class="makeitseo">\';
foreach ( $res as $service ) {               
    $serv = get_home_url() . "/" . strtolower( str_replace( " ", "-", normalize( $service->keyword) ) ) . "-k" . $service->id ;    
    echo 
    \'<div class="cell"><a href="\' . $serv .\'"><img src="\' . $service->image . \'">\'
    .\'<br>\' . $service->keyword .
    \'<br>\' . $service->texte .
    \'</a></div>\';
}

echo \'</div>\';
CSS

.makeitseo{
  width: 100%;
  margin: 10px auto;
  text-align: center;
  display: flex;
  justify-content: center;
}
.cell {

  margin: 10px, 10px, 10px, 10px;
  height: 400px;
  width: 400px;
  padding: 2px;
  display: flex;
  align-items: center;
  overflow: auto;
}
结果：

enter image description here

1 个回复
SO网友:Behemoth

    <style>
        .makeitseo{
  width: 100%;
  margin: 10px auto;
  text-align: center;
  display: flex;
  justify-content: center;
}
img {
    width: 100%;
}
.cell {
    margin: 10px 10px 10px 10px;
    height: 400px;
    width: 400px;
    padding: 2px;
    display: flex;
    align-items: center;
    overflow: auto;
    flex-direction: column;
}
    </style>
对html使用此样式，并使用更改父容器，以便调整整个容器的大小。

标签： plugins   css   小码农  

相关推荐

如何在WordPress的菜单中加载css文件

任何人都知道如何在wordpress的“我的菜单”中加载css文件。用这个但没用function wmt_theme_style() { wp_enqueue_style( \'bootstrap-styles\', get_template_directory_uri() . \'/css/bootstrap.css\', array(), \'3.3.4\', \'all\' ); } add_action( \'wp_enqueue_scripts\', \'