`
xllily
  • 浏览: 122189 次
  • 性别: 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!!!!

 

 

 

分享到:
评论

相关推荐

    CSS常用Class名

    整理了一些CS中常用Class名,包括class、id 、css文件名的常用命名规则

    Css.rar_CSS simulink_class

    在标签"css_simulink class"中,"css"再次强调了与CSS相关的主题,而"simulink class"可能指的是Simulink环境中的自定义类,或者是一个关于如何使用CSS改进Simulink模型的课程或教程。 压缩包中的"Css.mdl"文件是一...

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

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

    Trashycss没有class的一次性CSS库

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

    css 中文教程 帮助文档api

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

    用CSS制作带图标的按钮

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

    cognos8添加自定义Class

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

    ClassNet.css

    ClassNet.css

    CSS中常用的 reset.css文件

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

    CSS3 抛物线 加入购物车

    6. **浏览器兼容性**:虽然大多数现代浏览器都支持CSS3,但在开发过程中仍需考虑老版本浏览器的兼容性问题。可以使用前缀(如`-webkit-`、`-moz-`)来增加对非标准语法的支持,或者借助工具库如Autoprefixer自动处理...

    CSS经典圆形按钮

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

    JavaScript 操作CSS类

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

    CSS CSS CSS

    CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS 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,它们都...

    java swing补丁工具,打包class文件,jsp,html,js,css,xml,jar等文件,同时也支持其他格式的文件打包

    分享自己做的的打包工具,希望能帮助到平时为一堆补丁文件class(自动包含class内部类),jsp,html,js,css,xml,jar等文件花费很长时间整理的朋友,有了我这个工具,似乎这一切都变得简单,你只需要选择路径,然后在...

    实现随机css效果

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

    css中style和class的加载顺序示例介绍

    在CSS(层叠样式表)中,`style`和`class`都是用于定义元素的样式,但它们在加载和应用顺序上有所不同。本示例主要探讨`style`内联样式和`class`类选择器在HTML元素上的优先级和加载顺序。 首先,让我们了解一下...

    css-generator-plugin:根据class 自动生成css文件

    css-generator-plugin 自动生成css文件,高效开发页面更新记录2.1.5bugFix: ellipsis 属性移除了 display: inline-block 生成如何使用安装依赖 npm install css-generator-plugin -D yarn add css-generator-plugin ...

    织梦地带CSS精彩教程

    [ 第 一 章 ] 什 么 是 CSS - 层 叠 样 式 表 [ 第 二 章] 简 ...承 性 问 题 [ 第 五 章] 关 于 CSS 中 的 类 -- CLASS [ 第 六 章] CSS 对 字 体、字 型 的 控 制 [ 第 七 章] CSS 产 生 的 特 殊 效 果 举 例 说 明

Global site tag (gtag.js) - Google Analytics