[問題] CSS換行&對齊問題

看板Web_Design作者 (whang)時間10年前 (2015/08/12 13:18), 編輯推噓1(106)
留言7則, 4人參與, 最新討論串1/1
是這樣的 小弟我預期的情形如下圖所示: ------------------------------------------------------- |推 Whangwang:在這裡打上一些字在這裡打上一些字在這裡打 | | 上一些字在這裡打上一些字在這裡打上一些字 | | 在這裡打上一些字 | ------------------------------------------------------- 但是我不管怎麼弄都只能這樣: ------------------------------------------------------- |推 Whangwang:在這裡打上一些字在這裡打上一些字在這裡打 | |上一些字在這裡打上一些字在這裡打上一些字在這裡打上一些| |字 | ------------------------------------------------------- 請問大家有什麼解決的好方法嗎? 我試過用div把後面的文字包起來設display:inline-block; 但是這樣會整個往下跑變成: ------------------------------------------------------- |推 Whangwang: | |在這裡打上一些字在這裡打上一些字在這裡打 | |上一些字在這裡打上一些字在這裡打上一些字 | |在這裡打上一些字 | ------------------------------------------------------- 初學CSS 不懂得蠻多的請見諒 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.25.216.155 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1439356715.A.BC2.html

08/12 13:42, , 1F
我自己試出來了XD 給大家參考一下 我用table把名字和推
08/12 13:42, 1F

08/12 13:43, , 2F
文分開 再用nowrap屬性撐開放名字的格子避免換行就好了
08/12 13:43, 2F

08/12 13:44, , 3F
整個大框用vertical-align:top呢?
08/12 13:44, 3F

08/12 14:17, , 4F
用text-indent屬性把首列往左推稱謂的長度?
08/12 14:17, 4F

08/12 23:05, , 5F
把推那一塊上float阿
08/12 23:05, 5F

08/12 23:08, , 6F
然後推那一塊放跟訊息同一層
08/12 23:08, 6F

08/12 23:08, , 7F
div就會被float推開了
08/12 23:08, 7F
文章代碼(AID): #1LojShl2 (Web_Design)