`
xllily
  • 浏览: 119759 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Css 中添加class 引起的恼人问题 必看必看

CSS 
阅读更多

某天我又发现了一个奇怪的问题

 

把所有的

<a href="*"></a>

<a href="*"></a>

<a href="*"></a>

<a href="*"></a>

 

写成一列时候 也就是 display:inline; 或者 float:left;

 

然后padding:5px  ; border:1px solid #000;

 

这些A 会规规矩矩的排成一行 听你使唤 而且高度 宽度绝对一致 

 

但是你只要在其中一个

<a href="*"></a>

 

 

中 标签上加上 <a href="*" class="***"></a> 的时候 你刷看下  奇怪的很浪的问题出

 

现了 

 

这个加了 classname 的标签居然跟其它的元素 样式不一样 高度好像高了1px 左右 再怎么

调也不行  当你把class 去掉 才正常 真是好玩

虽说不是什么大问题 但是平时对于追求设计完美的我们来说 也不得不说是个问题 望大家注意1!!!!

 

 

 

分享到:
评论

相关推荐

    Trashycss没有class的一次性CSS库

    如果一个页面中有多个相同标签的元素,而我们只想改变其中某一个的样式,传统CSS中的类选择器就能很好地解决这个问题。而在Trashy.css中,可能需要通过使用ID选择器或者JavaScript来实现这样的定制。 总的来说,...

    页面滚动时为元素动态添加class类的jquery插件

    在网页开发中,我们常常希望在用户滚动页面时对某些元素进行特定的交互效果,例如动态添加class来触发CSS动画。`jQuery-scrollAddclass` 插件正是为此而设计,它允许开发者在元素进入浏览器视口时为其添加预设的...

    css id,class命名与seo

    在网页设计中,CSS(Cascading Style Sheets)用于控制页面布局和视觉表现。SEO(Search Engine Optimization)是搜索引擎优化的缩写,旨在提高网站在搜索引擎中的可见性和排名。将CSS与SEO结合,通过合理的ID和...

    CSS网页布局ID和Class类的命名介绍

    本篇文章主要讲解了CSS网页布局中的ID和Class类的命名规则和使用原则。对于开发者来说,命名规则是一项非常重要的技能,因为它可以影响到整个网站的可读性、可维护性和可扩展性。 一、类名命名规则 类名命名规则...

    用CSS制作带图标的按钮

    本文将深入探讨如何使用CSS来创建具有图标的按钮,这在现代网页界面设计中是非常常见且实用的技巧。 首先,我们了解一个基本的HTML按钮元素的结构。一个简单的按钮可以由`&lt;button&gt;`标签创建,如: ```html 点击我 ...

    cognos8添加自定义Class

    - **测试建议**:为了便于测试,可以先从现有的Class中选择一个进行修改,并为其分配一个新的Selector。例如,`xm` 是 “Crosstab corner cell” 类的Selector。你可以复制这个Class并将其Selector改为 `zz`,Label...

    CSS中常用的 reset.css文件

    以下是一些常见的`reset.css`中包含的样式规则: 1. `*{margin:0;padding:0;}`:全局清除所有元素的内边距和外边距,避免元素之间的空白。 2. `body{font-size:100%;}`:设置body元素的字体大小为相对于父元素的100...

    css 中文教程 帮助文档api

    css 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文api

    div+css中Class与ID的区别

    "div+css中Class与ID的区别" 在 HTML 和 CSS 中,Class 和 ID 是两个常用的选择器,用于选择和样式化网页元素。然而,这两个选择器有着根本的区别,了解它们的差异非常重要。 首先,让我们从 Class 开始。Class 是...

    tailwindcss-classnames:TailwindCSS的函数类型化类名

    使用tailwindcss-classnames时,您将获得以下形式的附加功能: 验证类名:您不能输入错误的类名,因为API仅允许您插入有效的类名功能方法:由于我们使用Typescript进行工作,因此在使用功能(例如合成和动态合成)...

    CSS经典圆形按钮

    首先,创建一个圆形按钮的基础结构,我们需要一个HTML元素,如`&lt;button&gt;`或`&lt;a&gt;`,并为其添加一个类名以便于在CSS中进行样式设置。例如: ```html &lt;button class="circle-btn"&gt;点击我 ``` 接下来,我们用CSS来实现...

    详细了解CSS中的class与id区别及用法

    在CSS中,class和id是定义样式时经常使用的两种选择器,它们在网页中扮演着不同的角色,掌握它们的使用方式和区别对于前端开发者来说至关重要。 class,中文意为“类”,在CSS中作为选择器时,用于选取具有相同...

    53种CSS3阴影效果box-shadows.css

    在"box-shadows.css"中,可能的class类如`shadow-1`、`shadow-2`等,分别对应不同的阴影效果。通过在HTML元素上应用这些class,你可以轻松地为按钮、卡片、图片框等添加阴影,提升界面的视觉体验。 例如,如果你想...

    JavaScript 操作CSS类

    在本文中,我们将深入探讨如何利用JavaScript来操作CSS类,为网页添加交互性和动态效果。 首先,我们需要理解CSS类在HTML中的作用。CSS类允许我们对元素应用特定的样式,通过在CSS文件中定义类选择器,然后在HTML...

    css中id和class的定义格式、使用技巧及选择

    2. CLASS中的子级最好不用ID。当然特殊情况特殊对待。3. CLASS的命名最好命名用大小写合用。例 .newMovie 这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有...

    CSS CSS CSS

    CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装

    精通CSS精通CSS

    在IT行业中,CSS(Cascading Style Sheets)是网页设计和开发不可或缺的一部分,它负责定义网页的布局、样式和视觉表现。"精通CSS"意味着深入理解其原理、语法以及最佳实践,以便创建出美观、响应式且易于维护的网页...

    CCS_Class.rar_8QH_CCS_ccs class_ccs 教程_css

    【标题】"CCS_Class.rar_8QH_CCS_ccs class_ccs 教程_css" 提供的是一份关于CSS(Cascading Style Sheets)的学习资源,特别适合初学者入门。这个压缩包包含了两份文件,即CCS_Class.doc和www.pudn.com.txt,它们都...

    实现随机css效果

    在网页设计中,引入随机CSS效果可以为用户体验增添趣味性和独特性。JavaScript作为一种强大的客户端脚本语言,可以方便地实现在网页中动态改变CSS样式,从而实现各种随机效果。本篇将详细介绍如何利用JavaScript实现...

Global site tag (gtag.js) - Google Analytics