zoukankan      html  css  js  c++  java
  • Dynamic HTML权威指南(读书笔记)— 第一章 HTML与XHTML参考

    1. 对齐常量(text-align和vertical-align)

    1.1 盒外对齐

    这种对齐属性决定环绕着元素外部矩形空间的文本对齐方式。W3C中,这类HTML元素包括:applet、iframe、img、input和object。IE还支持embed、fieldset和select,但不支持iframe元素。以下是受到广泛支持的元素对齐属性:

    absbottom:使文本的最底端与元素的最底端保持在同一水平线上。

    absmiddle:使文本高度的中部与元素高度的中部水平对齐。

    abseline:文本的基线与元素最下端水平对齐。注意,文本的下行笔画位于基线以下。

    bottom:W3C认可的值,与abseline等同。

    left:如果元素所在行之前已经有文本存在,则该元素会移动至下一行,并显示在相邻的最外层容器的左侧。元素之后的文本将紧跟着元素之前的文本,使得整段文本环绕在对象或图像的周围(这种效果称为浮动)。W3C认可的值。

    middle:文本的基线与元素高度的中央对齐。W3C认可的值。

    right:如果元素所在行之前已经有文本存在,则该元素会移动至下一行,并显示在相邻的最外层容器的右侧。元素之后的文本将紧跟着元素之前的文本,使得整段文本环绕在对象或图像的周围(这种效果称为浮动)。W3C认可的值。

    texttop:元素的最上边与其前面的文本的上行笔画位于同一水平线。

    top:元素的最上边与同一行中最高的元素(文本或其他元素)上边界对齐。W3C认可的值。

    1.2 容器盒内文本对齐

    bottom:文本底部与相关元素底部对齐,或位于该元素盒下边。浏览器只会针对caption元素执行这种对齐方式。

    center:文本位于相关元素盒的顶部或上部,并水平居中。虽然此值并未被W3C所认可,但现在的浏览器依然支持在caption元素使用该属性,但legend元素在Safari或Opera中则无法使用该属性。

    left:虽然W3C认可此值(这个值表明文本应该位于容器元素的左侧),但对于legend元素而言,浏览器将文本对齐在盒子的左上部。而对于caption元素,只有Mozilla浏览器会将标题本文放在元素左边。

    right:虽然W3C认可此值(这个值表明文本应该位于容器元素的右侧),但对于legend元素而言,浏览器将文本对齐在盒子的右上部。而对于caption元素,只有Mozilla浏览器会将标题本文放在元素右边。

    top:legend元素的文本将在容器盒的左上部对齐,而caption元素的文本将在中上部对齐。这是W3C认可的值。

  • 相关阅读:
    How to Set Up an Rsync Daemon on Your Linux Server
    VMware workstation 设定开机引导等待时间
    Debian Buster Nginx 布署 Brophp 项目(类 Thinkphp)
    Laravel
    Debian 利用 iso 镜像完全离线更新 apt-cdrom
    Debian 采用 iso 镜像作为 apt 源
    Laravel中用GuzzleHttp
    Nginx详解(正向代理、反向代理、负载均衡原理)
    Debian Buster 配置 Laravel 运行环境(nginx + redis + supervisor)
    How to Install and Configure Bind 9 (DNS Server) on Ubuntu / Debian System
  • 原文地址:https://www.cnblogs.com/ljb-001/p/8092947.html
Copyright © 2011-2022 走看看