又是我在提問...自己動(dòng)手才發(fā)現(xiàn)問題這么多,這個(gè)自己嘗試了很多方法也找了資料,然而我這個(gè)小白并沒解決.謝謝各位大牛了.span?{
??? position:?relative;
????top:?-300%;
????left:?-135%;
????margin-left:?auto;
????width:?auto;
????float:?left;
????height:?auto;
????font-size:?14px;
????white-space:?nowrap;
????padding-left:?10px;
????padding-right:?10px;
????background-color:?#D0D0D0;
????color:?#000000;
????text-align:?center;
????line-height:?30px;
????border:?1px?solid?#4F4F4F;
????display:?none;
}
a:hover?span?{
????display:?block;
????display:?inline-block?!important?;
????display:?-webkit-inline-block?!important?;?/*block和inline-block分別單獨(dú)試過(guò)*/
}想要的效果原先是固定寬度,想實(shí)現(xiàn)span會(huì)根據(jù)里面有幾個(gè)字來(lái)定義span寬度,并且左右空出10px.然而這樣寫了以后span的位置會(huì)偏,字少的向左偏,字多的向右偏這些基本上我嘗試的各種屬性.由于平時(shí)需要隱藏,所以display為none.top,left位置用像素px來(lái)寫然而效果一樣.嘗試網(wǎng)span里加了各種屬性,該偏的還是要偏,請(qǐng)問有辦法解決嗎.還是說(shuō)要寫js?謝謝啦
寬度不固定的許多span塊怎么讓它的位置固定在相應(yīng)的div正上方?
qq_見過(guò)雪_0
2016-05-09 21:20:19
