作者whangwang (whang)
看板Web_Design
標題[問題] CSS換行&對齊問題
時間Wed Aug 12 13:18:30 2015
是這樣的 小弟我預期的情形如下圖所示:
-------------------------------------------------------
|推 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
→ whangwang: 我自己試出來了XD 給大家參考一下 我用table把名字和推 08/12 13:42
→ whangwang: 文分開 再用nowrap屬性撐開放名字的格子避免換行就好了 08/12 13:43
→ ian90911: 整個大框用vertical-align:top呢? 08/12 13:44
推 Gold740716: 用text-indent屬性把首列往左推稱謂的長度？ 08/12 14:17
→ mmis1000: 把推那一塊上float阿 08/12 23:05
→ mmis1000: 然後推那一塊放跟訊息同一層 08/12 23:08
→ mmis1000: div就會被float推開了 08/12 23:08