|
9楼
楼主 |
发表于 2019-7-18 20:49:56
|
只看该作者
本帖最后由 deeke 于 2019-7-18 22:21 编辑
要看 html 的结构,就这个词典,我试试先。
--------------------------------------------
这个词典的 html 标签比较少,用 css 去调要点小花招,未必好看。
- html标签很少的例子:
- <body>
- <span class="number">4.</span>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- </body>
- /* 把全部内容向右推32像素,即“缩进” */
- body { padding-left: 32px; }
- .number {
- /* 让“编号”浮动,使它的位置不影响后面已经被右推的文字 */
- float: left;
- /* 让“编号”向左移32像素 */
- margin-left: -32px;
- }
- 这样文字就在垂直方向对齐了 :o
复制代码 |
|