关于 ul 嵌套 li 并且再嵌套 a 的 BUG

longmon 发布于2019-04-23 11:58 / 1487人阅读

摘要：在写网页的过程中，总是写完了这一套，样式出了问题又去找问题废了好长时间总结一下写法以下是结构经常会出现里面与文字不在一个高度上解决方法的高的高的行高的行高

在写网页的过程中，总是写完了这一套，样式出了问题又去找问题废了好长时间
总结一下写法
以下是结构经常会出现 li 里面与文字不在一个高度上

  <div class="indicators">
                <ul>
                    <li>1li>
                    <li>2li>
                    <li>3li>
                    <li>4li>
                ul>
            div>

解决方法： ul 的高 == li 的高 == ul 的行高 == li 的行高

 1  .indicators ul {
 2             width: 100px;
 3             height: 15px;
 4             background:rgba(0,0,0,0.3);
 5             line-height: 15px;
 6             border-radius: 10px;
 7         }
 8         .indicators li {
 9             float: left;
10             border-radius: 50%;
11             width: 15px;
12             height: 15px;
13             background-color: #fff;
14             text-align: center;
15             margin-right: 10px;
16             font-size: 10px;
17             cursor: pointer;
18         }

GPU云服务器云服务器下的嵌套规则 jsp页面的嵌套 java中的嵌套语句 java数据库的嵌套

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1417.html

JQuery 测试内容(不保证内容完整性)

摘要：三怎么下载使用版本选择兼容使用最为广泛的，官方只做维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用，最终版本年月日不兼容，只支持最新的浏览器。目前该版本是官方主要更新维护的版本。苟全性命于乱世，不求闻达于诸侯。 JQuery 基础 tags: 前端 JQuery 基础一什么是JQery 是一个轻量级的兼容多浏览器的JavaScript库(类库) jQuery使用户能够更...

20171112 2019-08-23 12:26 评论0 收藏0
通用 CSS 笔记、建议与指导

摘要：如下区块标题前缀可以让我们使用命令查找标题名时将搜索范围限制在区块标题中。在参与规模庞大、历时漫长且参与人数众多的项目时，所有开发者遵守如下规则极为重要：保持 CSS 易于维护保持代码清晰易懂保持 CSS 的可拓展性为了实现这一目标，我们要采用诸多方法。本文档第一部分将探讨语法、格式以及分析 CSS 结构；第二部分将围绕方法论、思维框架以及编写与规划 CSS 的看法...

lushan 2019-08-28 17:58 评论0 收藏0
HTML标签嵌套到底怎样才算是规范？

摘要：最近在看前端开发最佳实践，看到有一个小节的标题是过时的块状元素和行内元素，之前听到的关于标签的嵌套规范一直在讲，甚至面试的时候还被问到，但是自己在之前的工作中，的的确确用标签包过块元素，为了能有一个更好的用户体验，模拟的一个按钮。最近在看《web前端开发最佳实践》，看到有一个小节的标题是过时的块状元素和行内元素，之前听到的关于HTML标签的嵌套规范一直在讲，甚至面试的时候还被问到...

Hegel_Gu 2019-08-01 16:55 评论0 收藏0