php css错乱,css,html_css多行布局错乱，css,html - phpStudy

css多行布局错乱

原图：

自己实现的图：

存在问题：那个“进入”按钮无法向原图那样排序，要是使用position相对位置的话，就会在不同的尺寸下乱跑。

自己的实现代码：

怪兽必须死

热门

推荐

精品

保卫家园，人在城在！

css代码：

.row .image {

float: left;

width:50px;

height:50px;

margin-right:10px

}

.row .title {

}

.title .gameTitle {

display: inline;

float: left;

font-size: 16px;

margin:0px;

}

.title .hot {

float: left;

display: inline;

margin-left: 2px;

font-size: 2px;

color:#fd9b01;

padding:1px;

border:1px solid #fd9b01;

vertical-align: middle;

}

.title .rec {

float: left;

display: inline;

margin-left: 2px;

font-size: 2px;

padding:1px;

color:#1a7d03;

border:1px solid #1a7d03;

}

.title .fine {

float: left;

display: inline;

margin-left: 2px;

font-size: 2px;

padding:1px;

color:#6d16bf;

border:1px solid #6d16bf;

}

.title .des {

margin-top: 0px;

width: 200px;

font-size: 12px;

color: #888888;

}

.title .btnIn {

float: left;

width: 150px;

}

相关阅读:

使用手势库hammer给元素添加类出现的问题?

有没有learn php the hard way

装nodejs 安装不了

有关css3 pointer-events：none;属性的问题

正则表达式匹配圆点(".")的疑问

PHP抓取别的网站的数据用什么方案比较好？

网站前后端分离问题

微信支付应用签名修改后多久可以生效？

js中，位操作符的用处？

angualrjs中$timeout和$interval什么区别？

intellij idea 查找变量快捷键

Node程序换用Express4之后上传图片出问题了，请高手帮忙看下~

OAuth认证方式推荐

uc浏览器的点击效果问题自带

编译安装git的时候出现这个错误信息表示什么意思？

nodeJS重新获取token的逻辑如何设计？

如何用java进行多串口通信?

PHP 最长公共子序列LCS 中文汉字版本怎么写？

ajax级联操作的时候，总是报这个错误

iOS初级程序员面试题 const 关键字