作者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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1439356715.A.BC2.html
1F：→ whangwang: 我自己试出来了XD 给大家参考一下 我用table把名字和推 08/12 13:42
2F：→ whangwang: 文分开 再用nowrap属性撑开放名字的格子避免换行就好了 08/12 13:43
3F：→ ian90911: 整个大框用vertical-align:top呢? 08/12 13:44
4F：推 Gold740716: 用text-indent属性把首列往左推称谓的长度？ 08/12 14:17
5F：→ mmis1000: 把推那一块上float阿 08/12 23:05
6F：→ mmis1000: 然後推那一块放跟讯息同一层 08/12 23:08
7F：→ mmis1000: div就会被float推开了 08/12 23:08