子级绝对定位也受父级宽度的影响

2/10/2017来源:心得技巧人气:12680

<!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>

想要文字在一行显?#26223;褀hite-space放开,但是只能是文字,显示不受宽度影响



湖北楚天风采22选5走势图
浙江11选5彩票平台 麻将平台代理每天送钻石 炒股指期货 稳赚不赔买彩绝招 黑龙江22选5和值走势图 3g足球即时比分 韩国快乐8开奖记录 乐游棋牌游戏二人麻将 雪缘园斯诺克即时比分 四川时时玩法 全民欢乐捕鱼 球探球探网足球手机 摄影赚钱还是后期赚钱 吉林快3形态走势图彩乐乐 足球北单比分网 时时彩龙虎和计划app