Php CSS中RSS提要的样式
我有以下RSS源: 现在,它一个接一个地显示出来 如何使用CSS使其每行显示两个项目,使其看起来像下面这样 我尝试使用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
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。