收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 8386|回复: 10

[求助] CSS能将一段文字排成两列吗?

[复制链接]
发表于 2010-8-25 02:02:54 | 显示全部楼层 |阅读模式
就是有一段文字,一共20行吧,然后通过CSS来让它变成左右两边各10行,类似WORD那样。
可以是平均两边各10行,也可以是固定左边多少行,剩下的放右边。
CSS能做到吗?
 楼主| 发表于 2010-8-25 02:09:24 | 显示全部楼层
css排版.jpg

注意,每行不是一个li,这只是一个演示。
实际应用的时候,是一大段落文本~
回复 支持 反对

使用道具 举报

发表于 2010-8-25 06:57:25 | 显示全部楼层
不是li 起码得有其他容器吧
要不css怎么控制啊
div这样的都可以实现啊
回复 支持 反对

使用道具 举报

发表于 2010-8-25 08:01:23 | 显示全部楼层
目前只能用CSS3来解决,因此IE8及其以下是不会生效的。

 提示:您可以先修改部分代码再运行



丫头注意身体,凌晨了。
回复 支持 反对

使用道具 举报

发表于 2010-8-25 09:35:55 | 显示全部楼层
css是可以实现的,不过比楼上的要复杂一点
回复 支持 反对

使用道具 举报

发表于 2010-8-25 10:51:17 | 显示全部楼层
li { float:left; width:49.5%;}
回复 支持 反对

使用道具 举报

发表于 2010-8-25 18:00:34 | 显示全部楼层

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2010-8-25 20:11:23 | 显示全部楼层
用float可以实现,但是无法判断行数问题,需要结合脚本语言来做。
回复 支持 反对

使用道具 举报

发表于 2010-8-25 20:18:38 | 显示全部楼层
总要给个两个标签吧!  难不成PRE
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-8-28 14:23:51 | 显示全部楼层
谢谢楼主各位,特别是4楼和7楼的代码。
4楼的不行了,环境要求太苛刻了。
7楼的没明白我的意思,是两段文字,不是一堆li,如果是li我知道怎么弄。
回复 支持 反对

使用道具 举报

发表于 2010-8-29 10:27:51 | 显示全部楼层

回复 10# 中国丫头 [楼主] 的帖子

突然想到用JS来模拟一个:
P中尽量只写纯文本,这个模拟没有考虑太多特殊情况,只是基本功能实现了的:

 提示:您可以先修改部分代码再运行



当JS加载错误的时候,就按照普通的外观显示了。

[[i] 本帖最后由 yoom 于 2010-8-29 10:36 编辑 ]
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-12-12 06:12 , Processed in 0.184103 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表