下载中心┊文章中心┊软件分类┊更新软件┊推荐下载┊热门软件┊更新文章┊热门文章
 
《拓文asp.net网站内容管理系统》官方演示站。
 设为首页    
 收藏本站
 作者:黄振安
 
网站首页 开源拓文 .NET编程 网站编程 网页设计 图形图像 数据库 软件工程留言本
    站内搜索:   
您现在的位置: 拓文网络 → 文章中心 → 网页设计 → CSS → 中文排版CSS心得[正文]

热 门 文 章

相 关 文 章
  • CSS应用小技巧十四例
  • 用Css控制IE5.5浏览器中滚动条
  • CSS的十八般技巧
  • 简明 HTML CSS 开发规范
  • CSS手册简编
  • css中用expression实现js的onm...
  • expression的应用之 -- 用CSS...
  • 如何在网页中制作虚线表格
  • CSS样式切换技巧
  • CSS 标签属性/属性参考
  • 中文排版CSS心得
     
    [作者:不详    转贴自:不详    点击数:    字体:【大 中 小】    更新时间:2006-4-6 14:09:46]

    5、首字下沉 —— 使用:first-letter

    伪对象:first-letter配合font-size、float可以制作首字下沉效果。
    比如:
    p:first-letter{
     padding: 6px;
     font-size: 32pt;
     float: left;
    }

    6、首行缩进 —— 使用text-indent

    text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。可以这么写:
    p{
     text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/
    }
    如果font-size是12px的话,那么text-indent: 2em则缩进24px。

    7、关于汉字注音 —— 使用ruby标签和ruby-align属性

    比如说<ruby>注音<rt style="font-size: 11px;">zhu yin</rt></ruby>,可以利用ruby-align设置对齐方式。这是在CSS手册里面看到的,具体可以自行查阅ruby-align项。

    8、固定宽度汉字截断 —— 使用text-overflow

    用后台语言可以对从数据库里的字段内容做截断处理,比如说截12个汉字(之后用省略号)。但是有时还需要html标签的过滤等,而用CSS来控制则没有这个问题。比如对列表应用以下样式:
    li{
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
    }
    不过只能处理文字在一行上的截断,不能处理多行。

    9、固定宽度汉字(词)折行 —— 使用word-break

    举个例子,比如说要在一个固定宽度容器里面显示很多地名(假设以空格分隔),为了避免地名中间断开(即一个字在上面而另一个字折断到下一行去了)。则可以使用word-break。比如:
    <div style="width:210px;height: 200px;background: #ccc;word-break:keep-all">
    南京上海 上海上 南 上海上海 南京 上海上海上海 南京上海 上海 南京上海 上海 南京 上海 南京 上海 南京 上海 南京 上海 南京 上海 南京上海 上海 南京上海 上海
    </div>
    值得注意的是里面的空格不能以&nbsp;代替(最少要有一个软空格)。


    页次:2/2  1篇/页  首页   上一页   下一页   尾页  合计 2 篇 Go:
     
    上一篇:CSS的十八般技巧
    下一篇:简明 HTML CSS 开发规范
    winner 打印本页 关闭窗口

         文 章 评 论
    评论人 查看该文章的评论 发表时间
       笔 名* : 0 50分 60分 70分 80分 90分 100分
    评论内容 *: (最多600字。当前字数:0)


    没有相关评论,欢迎您参与!

    - 关于本站 - 网站帮助 - 下载声明 - 友情连接 - 网站地图 -
    Copyright © 2005-2006 myTopWin.Com. All Rights Reserved . [桂ICP备06004496号]