css网页布局中文字排版的属性和用法
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-01
| t-letter配合font-size、float可以制作首字下沉效果。比如：
p:first-letter{ padding: 6px; font-size: 32pt; float: left; } 六、文本缩进：使用text-indent text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。可以这么写： p{ text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/ } 七、固定宽度汉字截断：使用text-overflow（显示省略号效果） 用后台语言可以对从数据库里的字段内容做截断处理，比如说截12个汉字（之后用省略号）。但是有时还需要html标签的过滤等，而用CSS来控制则没有这个问题。比如对列表应用以下样式： li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 八、固定宽度汉字（词）折行：使用word-break 举个例子，比如说要在一个固定宽度容器里面显示很多地名（假设以空格分隔），为了避免地名中间断开（即一个字在上面而另一个字折断到下一行去了）。则可以使用word-break。比如： <div style="width:210px;height: 200px;background: #ccc;word-break:keep-all"> 北京上海 上海上 北京上海 北京 上海上海上海 北京上海 上海 北京上海 上海 北京 上海 北京 上海 北京 上海 北京 上海 北京 上海 北京上海 上海 北京上海 上海 </div> |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: CSS网页布局问题:li上多出的margin问题下一篇: css reset样式初始化
关于css网页布局中文字排版的属性和用法的所有评论
