Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/assembly/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php CSS中RSS提要的样式_Php_Css - Fatal编程技术网

Php CSS中RSS提要的样式

Php CSS中RSS提要的样式,php,css,Php,Css,我有以下RSS源: 现在,它一个接一个地显示出来 如何使用CSS使其每行显示两个项目,使其看起来像下面这样 我尝试使用display:inline block,但没有成功。使用以下CSS: .entry-wrapper { float:left; width: 48%; background: lightblue; margin: 1% } 请参见此处的示例:希望这对您有所帮助 *{font-family:arial} .rssRow{display:flex} .entry

我有以下RSS源:

现在,它一个接一个地显示出来

如何使用CSS使其每行显示两个项目,使其看起来像下面这样

我尝试使用
display:inline block
,但没有成功。

使用以下CSS:

.entry-wrapper {
  float:left;
  width: 48%;
  background: lightblue;
  margin: 1%
}
请参见此处的示例:

希望这对您有所帮助

*{font-family:arial}
.rssRow{display:flex}
.entry-wrapper{display:inline-block; margin:.25em;background:#f3f3f3; border:3px solid #f1f1f1; background:#FFF;padding:10px;border-radius:5px;}
.entry-wrapper:hover{background:#edfdff;border:3px solid #f4f4f4}
.entry-image{float:left;}
.entry-text{float:left;}
.entry-title h4{margin:0; font-size:1.5em;font-weight:bold;}
.entry-title h4 a {color:#333; text-decoration:none;}
.entry-title h4 a:hover{text-decoration:underline;}
.entry-date{color:#999; padding-bottom:.75em;font-size:.75em}
预览


有关此

的任何查询,请使用
Flex-box
。创建100%宽度的父div,然后创建50%宽度的子div。