因應噗友剛才的詢問,表示希望將浪上噗的內容跟展開後的回應列表一樣換行,然後將頭貼放到裡面,所以嘗試了一下換行的方式,也分享給同樣有此需要的噗友。
浪上噗:
換行後:
語法:
/*浪上噗的寬高*/
.plurk .truncated, .text_holder { min-width: 322px !important; min-height: 25px; }
/*浪上噗換行*/
.block_cnt .plurk table { min-width: 322px !important; }
.block_cnt .plurk_cnt .td_qual { position: absolute; overflow: visible; }
.block_cnt .plurk_cnt .text_holder { margin-top: 1.3em; padding: 0.3em; overflow: visible; }
/*浪上噗頭貼置內*/
.block_cnt .plurk_cnt { margin: -3px 0px 0px -25px; padding: 3px 3px 4px 26px; }
可視需要取用頭貼或是換行的語法,並調整看看各數值,找到適合自己的閱噗方式喔
相關的語法一併附上:
/*表格寬度*/
.display table, .toggled table, .plurk_box table { width: 470px !important; }
.display .text_holder,.toggled .text_holder, .plurk_box .input_holder, .list table { width: 100% !important; }
/*列表換行*/
.list .plurk_cnt .td_qual { position: absolute; width: auto; overflow: visible; margin-left: 0.1em; }
.list .plurk_cnt .text_holder { margin-top: 1.5em; padding: 0.5em; margin-left: 0.1em; width: auto !important; }
2014/06/20 補上:
/*回應格換行*/
.mini_form .qual_holder { position: absolute; overflow: visible; width: auto !important; }
.mini_form .text_holder { padding: 0.3em; overflow: visible; width: auto !important; }
.mini_form .plurkForm { margin: 0.8em 0em 0em 0.6em; }
textarea#input_small { margin-top: 1.5em !important; }
原先:
換行後:
留言列表