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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 3780|回复: 10

[求助] 单行文字居中,多行文字居左 的效果实现

[复制链接]
发表于 2010-11-27 11:29:20 | 显示全部楼层 |阅读模式
单行文字居中,多行文字居左 的效果实现

我之前有收藏过~可我忘记放哪了~所以还请各路高手多多帮忙!谢谢!!!
发表于 2010-12-1 09:01:10 | 显示全部楼层
自己努力  自己先去找找  找不到再来    去找度娘
回复 支持 反对

使用道具 举报

发表于 2010-12-1 09:06:52 | 显示全部楼层

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

回复 支持 反对

使用道具 举报

发表于 2010-12-1 11:56:09 | 显示全部楼层
LS,display:inline-block这个的效果用得很棒
CSS2.0中,对这个属性的定义是:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内
回复 支持 反对

使用道具 举报

发表于 2010-12-1 12:02:33 | 显示全部楼层
真是奇怪,原理搞不清楚啊。一般的做法会针对性的去做,这个14px的做法实在是牛啊。
回复 支持 反对

使用道具 举报

发表于 2010-12-3 15:28:08 | 显示全部楼层
比较基础的东西,自己定义就可以了
回复 支持 反对

使用道具 举报

发表于 2010-12-4 08:58:40 | 显示全部楼层
网站收藏了 ,慢慢学习
回复 支持 反对

使用道具 举报

发表于 2011-6-17 09:21:46 | 显示全部楼层
这个效果和display:inline-block;没关系,即使删除效果也是一样的!是因为文字作为一个整体式一直都是居中的,只是从第二行开始文字由于没有空间显示发生了折行,这个时候它就开始引用text-align:left;这个样式,其实text-align:left;才是显示的关键。。。
回复 支持 反对

使用道具 举报

发表于 2011-6-17 15:40:07 | 显示全部楼层
原帖由 [i]flash120 于 2011-6-17 09:21 发表
这个效果和display:inline-block;没关系,即使删除效果也是一样的!是因为文字作为一个整体式一直都是居中的,只是从第二行开始文字由于没有空间显示发生了折行,这个时候它就开始引用text-align:left;这个样式,其 ...

你没有测试吧?去掉的话显示的是不正确的,多行的文字还是水平居中的!
回复 支持 反对

使用道具 举报

发表于 2011-6-17 16:52:41 | 显示全部楼层
好东西的嘛我顶
回复 支持 反对

使用道具 举报

发表于 2011-6-17 19:58:42 | 显示全部楼层
原帖由 [i]flash120 于 2011-6-17 09:21 发表
这个效果和display:inline-block;没关系,即使删除效果也是一样的!是因为文字作为一个整体式一直都是居中的,只是从第二行开始文字由于没有空间显示发生了折行,这个时候它就开始引用text-align:left;这个样式,其 ...

opera下去掉后末行居中了
回复 支持 反对

使用道具 举报

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

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-28 17:12 , Processed in 0.109101 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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