`
xllily
  • 浏览: 122165 次
  • 性别: 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 资料套装

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

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

    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 产 生 的 特 殊 效 果 举 例 说 明

    div+css手册

    4. **选择器增强**:CSS2.0增加了更复杂的选择器,如类选择器(`.class`)、ID选择器(`#id`)、后代选择器(`ancestor descendant`)和伪类(`:hover`, `:active`, `:focus`等),使样式应用更加精确和灵活。...

    纯CSS3炫酷checkbox美化库checkboxes.css

    4. **简单易用**:使用checkboxes.css非常直观,只需在HTML中为`&lt;input type="checkbox"&gt;`元素添加特定的class,如`checkbox--flat`、`checkbox--rounded`等,即可看到效果。 5. **良好的浏览器支持**:由于基于CSS...

    mangle-css-class-webpack-plugin:缩小并混淆现有JavaScript,CSS和HTML中的类名,而无需使用任何现代CSS模块

    mangle-css-class-webpack-plugin 缩小并混淆JavaScript,CSS和HTML中的类名 安装 npm i --save-dev mangle-css-class-webpack-plugin yarn add --dev mangle-css-class-webpack-plugin 用法 该插件将在HTML,...

Global site tag (gtag.js) - Google Analytics