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

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

<!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放開,但是只能是文字,顯示不受寬度影響



浙江十一选五客户 快赢481最近120走势图 fg美人捕鱼游戏网站 第一次玩股票怎么开户 科乐填大坑最新版下载 股票开户怎么开 河南481当前最大遗漏 平肖规律 内蒙古快3专家推荐 安徽十一选五遗漏导航 姚记棋牌9165