[翻译]标记语言和样式手册 Chapter 13 为文字指定样式(4)

作者:zhaozy 来源:3user.com 时间:2008-02-15 16:08:00 

文字对齐

同样受印刷界启发,我们能以text-align属性为文字应用左右对齐效果.左右对齐之后的文字会拉开单字之间的距离,让每行的宽度变得一样长,造出紧密,界限明确的分栏效果.

body {
  font-family: Georgia, Times, serif;
  line-height: 1.5em;
  text-align: justify;
  }

图13-7是作为示例的文字,现在左右对齐了!


图13-7 以text-align属性左右对齐过的文字效果

留意文字内容在左侧以及右侧都排列成一条直线.其他text-align属性能使用的设定值有:left,right,center.

举例来说,我们也能为<h1>标签应用text-align属性,将示例的标题居中.

h1 {
  letter-spacing: 4px;
  font-style: italic;
  text-align: center;
  }

图13-8是标题居中之后的效果.


图13-8 用textalign属性把<h1>居中

标签:文字,样式,标记,css,手册
0
投稿

猜你喜欢

  • Python实现扫描局域网活动ip(扫描在线电脑)

    2022-10-02 02:38:52
  • js网页滚动条滚动事件实例分析

    2024-04-28 09:38:19
  • 汇总数据库备份 还原 压缩与数据库转移的方法

    2009-01-19 14:07:00
  • Python爬虫练习汇总

    2023-04-27 03:16:37
  • Python3单行定义多个变量或赋值方法

    2022-03-22 17:10:53
  • pytorch模型部署 pth转onnx的方法

    2022-07-05 03:49:04
  • python获取http请求响应头headers中的数据的示例

    2023-06-30 14:49:02
  • 教你两步解决conda安装pytorch时下载速度慢or超时的问题

    2022-04-12 17:19:59
  • MySQL如何通过Navicat实现远程连接

    2024-01-13 23:07:07
  • 利用打码兔和超人打码自封装的打码类分享

    2023-03-13 21:44:40
  • Golang 使用map需要注意的几个点

    2024-04-30 10:06:19
  • vue使用微信JS-SDK实现分享功能

    2023-07-02 16:59:46
  • asp中限制重复提交表单的方法

    2007-09-20 13:28:00
  • MySQL学习之基础操作总结

    2024-01-12 14:42:34
  • python鼠标绘图附代码

    2021-09-09 17:10:26
  • 解密ThinkPHP3.1.2版本之模板继承

    2023-09-06 16:02:15
  • Python字符串格式化f-string多种功能实现

    2021-01-09 22:56:45
  • python3 简单实现组合设计模式

    2023-06-12 19:15:50
  • vue 实现边输入边搜索功能的实例讲解

    2024-06-05 09:16:42
  • perl批量查询ip归属地的方法代码

    2023-08-11 22:53:54
  • asp之家 网络编程 m.aspxhome.com