php css错乱,css,html_css多行布局错乱,css,html - phpStudy
css多行布局錯亂
原圖:
自己實現(xiàn)的圖:
存在問題:那個“進入”按鈕無法向原圖那樣排序,要是使用position相對位置的話,就會在不同的尺寸下亂跑。
自己的實現(xiàn)代碼:
怪獸必須死熱門推薦精品保衛(wèi)家園,人在城在!
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給元素添加類出現(xiàn)的問題?
有沒有l(wèi)earn php the hard way
裝nodejs 安裝不了
有關css3 pointer-events:none;屬性的問題
正則表達式匹配圓點(".")的疑問
PHP抓取別的網(wǎng)站的數(shù)據(jù)用什么方案比較好?
網(wǎng)站前后端分離問題
微信支付應用簽名修改后多久可以生效?
js中,位操作符的用處?
angualrjs中$timeout和$interval什么區(qū)別?
intellij idea 查找變量快捷鍵
Node程序換用Express4之后上傳圖片出問題了,請高手幫忙看下~
OAuth認證方式推薦
uc瀏覽器的點擊效果問題自帶
編譯安裝git的時候出現(xiàn)這個錯誤信息表示什么意思?
nodeJS重新獲取token的邏輯如何設計?
如何用java進行多串口通信?
PHP 最長公共子序列LCS 中文漢字版本怎么寫?
ajax級聯(lián)操作的時候,總是報這個錯誤
iOS初級程序員面試題 const 關鍵字
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結
以上是生活随笔為你收集整理的php css错乱,css,html_css多行布局错乱,css,html - phpStudy的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: php网站搭建致命错误203终止,PHP
- 下一篇: 7p电池容量多少毫安(苹果7p配置详细参