positioning2.html

来自「PERL语言资料 可以用于PERL程序设计」· HTML 代码 · 共 67 行

HTML
67 行
字号 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
          "http://www.w3.org/TR/html4/strict.dtd">
<html>

<!-- Fig. 26.7: positioning2.html       -->
<!-- Relative positioning of elements   -->

<head>
   <title>Perl How to Program - Relative Positioning</title>

   <style type = "text/css">

      p           { font-size: 1.3em;
                    font-family: verdana, arial, sans-serif }

      span        { color: red;
                    font-size: .6em; 
                    height: 1em }

      .super      { position: relative;
                    top: -1ex }

      .sub        { position: relative;
                    bottom: -1ex }

      .shiftleft  { position: relative;
                    left: -1ex }

      .shiftright { position: relative;
                    right: -1ex }

   </style>
</head>

<body>

   <p>The text at the end of this sentence 
   <span class = "super">is in superscript</span>.</p>

   <p>The text at the end of this sentence
   <span class = "sub">is in subscript</span>.</p>

   <p>The text at the end of this sentence
   <span class = "shiftleft">is shifted left</span>.</p>
   
   <p>The text at the end of this sentence
   <span class = "shiftright">is shifted right</span>.</p>

</body>
</html>

<!-- 
 ************************************************************************** 
 * (C) Copyright 2001 by Deitel & Associates, Inc. and Prentice Hall.     *
 * All Rights Reserved.                                                   *
 *                                                                        *
 * DISCLAIMER: The authors and publisher of this book have used their     *
 * best efforts in preparing the book. These efforts include the          *
 * development, research, and testing of the theories and programs        *
 * to determine their effectiveness. The authors and publisher make       *
 * no warranty of any kind, expressed or implied, with regard to these    *
 * programs or to the documentation contained in these books. The authors *
 * and publisher shall not be liable in any event for incidental or       *
 * consequential damages in connection with, or arising out of, the       *
 * furnishing, performance, or use of these programs.                     *
 **************************************************************************
-->

positioning2.html - 源码说明

本页面展示了「PERL语言资料 可以用于PERL程序设计」中的 positioning2.html 源码文件，采用 HTML 编程语言编写，共 67 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与PERL相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?