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

如何让HTML标签元素紧挨着(消除元素或标签直接的空白间距)

 
阅读更多

有一个CSS3 按钮样式表,提供一种让三个按钮紧挨着的样式,分别为“.left”、“.middle”、“.right”,结果无论怎么试,三个按钮中间始终留有一段空白,经检查:没有额外的margin和padding参数值。

后来发现一个解决的办法:三个元素标签必须写在同一行HTML语句中,至少“<a>”后面必须紧挨着"</a>",很奇怪!这一点跟之前使用<textarea>标签碰到的问题有点相似,即

开始标签跟末尾标签要在同一行,否则每次保存表单,都会莫名其妙地多出很多空格一样!

例如:

显示正常的代码的格式

每次保存都会莫名其妙多出好多空格的格式


备注:浏览器为火狐8.0,文件是JSP !


分享到:
评论

相关推荐

    CSS基础2-选择器进阶+背景属性+元素显示模式+三大特性

    交集选择器是指使用紧挨着的选择器来选择同时满足多个选择器的标签。其语法为:选择器1选择器2 { css }。结果是,找到页面中同时满足选择器1和选择器2的标签,设置样式。 4. hover伪类选择器: hover伪类选择器是...

    html和css详细总结

    - **紧邻兄弟选择器**: 选中一个元素后紧挨着的兄弟元素。 - 示例: `p + span { color: purple; }` - **通用兄弟选择器**: 选中一个元素后面的指定类型的所有兄弟元素。 - 示例: `p ~ span { text-decoration: ...

    5种方法快速去掉HTML中Inline-Block的空白

    将元素的结束标签与下一个元素的开始标签紧挨着写,避免了空格的影响: ```html &lt;li&gt;Item content&lt;/li&gt;&lt;li&gt;Item content&lt;/li&gt;&lt;li&gt;Item content ``` 这种方法比HTML注释稍微好一些,但它牺牲了代码的可读性...

    手动动态改变el-tabs标签页顺序

    例如:tabs1、tabs2、tabs3、tabs4 tabs2改为tabs4(往后移)则顺序变为tabs1、tabs3、tabs4、tabs2; tabs4改为tabs2(往前移) 则顺序变为tabs1、tabs4、tabs2、tabs3。

    jquery层级选择器(匹配父元素下的子元素实现代码)

    jQuery层级选择器是jQuery库中用于选取具有层级关系的HTML元素的工具,它允许开发者根据元素的层级关系选择元素,从而进行进一步的操作。在本篇内容中,我们主要关注的是如何使用jQuery层级选择器来匹配父元素下的子...

    解决JQeury显示内容没有边距内容紧挨着浏览器边线

    标题和描述中提到的问题,即"JQuery显示内容没有边距,内容紧挨着浏览器边线",是一个常见的样式问题,通常与jQuery Mobile的页面结构和CSS样式有关。 jQuery Mobile是一种轻量级的前端框架,它为创建移动优化的Web...

    十种CSS选择器详解介绍

    - **注意事项**: 必须是紧挨着的兄弟元素才有效。 #### 八、通用兄弟选择器 - **定义**: 选择位于另一元素之后的所有兄弟元素,使用波浪线 `~` 连接。 - **示例**: ```css h1 ~ p { color: green; } ``` - **...

    Web前端知识点总结.doc

    - **多条件同时成立选择器**:多个子样式名紧挨着,一个标签必须同时满足多个条件才能被该样式修饰。 - **各选择器使用场合**: - 如果想根据标签名用一个样式修饰所有同名标签,使用标签选择器。 - 如果一个样式...

    (3.3.2)--扩展阅读:组合选择器1

    在CSS(层叠样式表)中,选择器是用于定位网页文档中HTML或XML元素的工具,以便应用样式。组合选择器是CSS中的一种高级技巧,允许你更精确地定位和选择页面上的特定元素,根据它们与其他元素的关系。在本节中,我们...

    紧挨着前次QCD的Z峰处大量底部夸克的前后不对称性

    我们计算对e + e bb $$ $$ {e} ^ {+} {e} ^ {-} \中的b-夸克前后对称性的阶数s 2 QCD校正 考虑到b夸克的非零质量,b \ overline {b} $$在Z玻色子共振处发生碰撞。 我们针对b-夸克轴和不对称的推力轴定义确定这些校正...

    JS中用childNodes获取子元素换行会产生一个子元素

    这种情况下,浏览器不会在紧挨着的`div`元素之间插入任何空白文本节点,因此`#div1`的`childNodes`属性只会返回两个节点:`div#div2`和`div.class='div2'`。 ```javascript $('#div1').childNodes.length // =&gt; 2 `...

    jQuery中多个元素的Hover事件解决方案

    1.需求简介 jQuery的hover事件只是针对单个...例如两个元素紧挨着的HTML元素,如下图: 当鼠标进入二者的区域时触发fun1,离开时触发fun2。你也许会想到使用下面的方式 代码如下: $(‘#trigger, #drop’),hover(fun1, f

    详解css使既有浮动又有左右margin的多个元素两端对其

    `.box`类设置了一个负的百分比边距,其目的是为了中和子元素的边距,使得子元素能够在水平方向上紧挨着父容器的左右边界。 此外,我们还用到了CSS伪元素`:before`和`:after`来清除浮动。这是因为浮动元素可能会导致...

    常见 CSS BUG 的处理

    **IE5/6 Doubled Float-Margin Bug**:在 IE5 和 IE6 中,当一个浮动元素紧挨着另一个设置了外边距的元素时,可能会出现外边距加倍的问题。 **解决方法**: - 使用 `display: inline` 来让元素表现得像内联元素一样...

    前端大厂最新面试题-css布局.docx

    如果对一个元素进行相对定位,它将出现在它所在的位置上,然后可以通过设置垂直或水平位置,让这个元素相对于它自己移动。在使用相对定位时,无论元素是否移动,元素在文档流中占据原来空间,只是表现会改变。 三、...

    C语言学习(直接指出重点,省去挨着看的烦恼)

    - 不能对数组名`a`进行自增或自减操作,因为数组名是常量,表示首元素的地址。 10. 结构体: - 结构体是C语言中复合数据类型,允许将不同类型的数据组合在一起。 - 结构体定义如`struct student {int age; char ...

    bb¯→H + W +的高阶辐射校正

    从恢复后的横截面中,我得出了近似于紧挨着领先的顺序和紧挨着紧挨着领先的顺序的分析公式。 给出了在各种LHC能量下bb′→H + W +过程的总横截面。 还计算了带电希格斯玻色子的横向动量和速度分布。

    摘抄京东方的左侧菜单

    摘抄京东方的左侧菜单。 基于JQuery. 注意:有些html标签不能随便换行。...在FF下,如果两个元素间没有紧挨着,则nextSibling将指向此间隔符, 而不是下一个html元素。 建议用JQuery的next代替dom的nextSibling。

    安卓的五大布局

    每个子元素会紧挨着前一个元素。`android:layout_weight`属性用来分配剩余空间,它允许子元素根据权重比例占据空间,而不是实际大小。例如,两个具有相同`layout_weight`的子元素将平分剩余空间。 ```xml ...

Global site tag (gtag.js) - Google Analytics