子級絕對定位也受父級寬度的影響

2/10/2017來源:心得技巧人氣:15829

<!DOCTYPE html> <html lang="en">     <head>         <meta charset="utf-8">         <style>         *{         margin: 0;         padding: 0;         }         .txt{         display: inline-block;         height:30px;         line-height: 30px;         border:1px solid #498fd3;         background: #276AB0;         outline: none;         }         .close{         position: relative;         display: inline-block;         }         .close>.icon{         display: inline-block;         width: 30px;         height: 30px;         line-height: 30px;         border:1px solid #498fd3;         background: #276AB0;         }         .close>.span{         display: inline-block;         position: absolute;         top: 30px;         left: 0;         height: 40px;                  /*white-space: nowrap;*/         }         .block{         display: inline-block;         }         </style>     </head>     <body>     <div class="block">    <button class="txt">fffffffff</button>    <div class="close">     <span class="icon">&times;</span>     <span class="span">啊對方噶啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</span>    </div>     </div>     </body>

</html>

想要文字在一行顯示把white-space放開,但是只能是文字,顯示不受寬度影響



百人牛牛鱼丸游戏下载大全 幸运农场开奖走势 最准的特马网站+免费网站 四川熊猫麻将血战到 山西11选5玩法规则 深圳市什么时候开始买彩票 两肖二码论坛 微乐河南麻将下载 福建体彩31选7中奖新规 三准三码 科乐吉林麻将 苹果