`

IE6 7 中 <li>标签中含有浮动的<span>标签后不在一行的问题

    博客分类:
  • css
css 
阅读更多
<li><a href="#">xxx...</a> <span style="float:right"></span></li>


转换为

<li> <span style="float:right"></span><a href="#">xxx...</a></li>


这样儿就好了
分享到:
评论

相关推荐

    随手记的div+css的小抄代码

    - `&lt;noframes&gt;`: 在不支持框架的浏览器中显示替代内容。 6. **标题标签:** - `&lt;h1&gt;-&lt;h6&gt;`: 从一级到六级的标题,用于文档标题层次结构。 7. **其他标签:** - `&lt;b&gt;`: 加粗文本。 - `&lt;big&gt;`: 增大字体大小。 ...

    CSS中将Span标签设置为固定宽度的方法

    补充一点,如果你想要在`&lt;li&gt;`元素中使`&lt;span&gt;`标签居右对齐且不换行,可以利用相对定位(relative)和绝对定位(absolute): ```css li { position: relative; } li span { position: absolute; right: 0px; }...

    网页设计与制作(HTML+CSS).docx

    4. 浮动元素与浏览器兼容性:在早期的IE6浏览器中,浮动元素的外边距问题,即“双边距bug”,会导致设置的外边距变为两倍。 5. 内容溢出处理:在CSS中,`overflow`属性用于处理内容超出容器时的行为。`overflow:...

    div+css布局中常用方法汇总.docx

    24. **表单样式问题**:在Firefox中,左浮动的`&lt;label&gt;`会使后面的`&lt;input&gt;`上移,可以通过清除父元素`text-indent`来解决。 25. **图片与padding的处理**:避免在图片上直接设置`padding`,而是将其定义在包裹的`...

    html入门到放弃笔记

    标记在使用时,用尖括号 "&lt;&gt;",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容&lt;/标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 div 标记 -- &lt;div&gt;&lt;/div&gt; 3、创建 ...

    网页前端开发笔试题.pdf

    2. **HTML元素分类**:行内元素(如`&lt;span&gt;`, `&lt;a&gt;`, `&lt;img&gt;`)在一行内显示,而块级元素(如`&lt;div&gt;`, `&lt;p&gt;`, `&lt;h1&gt;`)占据整行。**CSS盒模型**包括内容(content)、内边距(padding)、边框(border)和外边距(margin),...

    CSS 制作网页导航条(上)

    - **内联元素**(Inline Elements):如 `&lt;span&gt;`、`&lt;a&gt;` 等,它们不独占一行,宽度和高度由内容决定。 2. **盒子模型**(Box Model): - 每个 HTML 元素都可以视为一个盒子,由内容(Content)、内边距...

    网页设计与制作(divcss)测试题.pdf

    5. **IE6兼容性问题**:在IE6下,设置Div的宽高可能需要注意一些兼容性问题,如题中所示的10*10px的Div。 **选择题知识点**: 1. **静态网页**:静态网页是指HTML文件,不包含服务器端脚本,如`.html`、`.htm`。 2...

    DIV_CSS测试题

    14. **IE中的img空白**:解决IE中`li`下面`img`下方的空白,可以使用浮动布局或设置`font-size:0`,但调整`img`的`margin-bottom`不是推荐方法。 **填空题知识点**: 1. **静态页面语言**:`XHTML`是一种基于`XML`...

    float:left的对象(导航)如何居中示例探讨

    当多个内联块级元素(如inline-block的li元素)在同一行显示时,它们之间可能会出现不可预期的空白间隙。这是因为HTML文档中空白字符(包括空格、换行符、制表符等)也会被视为元素,产生空白间隙。 为了解决这个...

    display 属性规定元素应该生成的框的类型.pdf

    `display` 属性是CSS中的一个关键样式,用于定义元素的盒模型以及它们在页面上的呈现方式。这个属性控制元素的布局类型,决定元素是作为块级元素、内联元素还是其他特定类型的显示框。 - `none`: 这是最基本的值,...

    Tribute-Page

    4. 块级与内联元素:块级元素如`&lt;div&gt;`占据整个宽度并新起一行,内联元素如`&lt;span&gt;`只占据自身内容的宽度,它们在布局中扮演不同角色。 5. 样式控制:HTML可以通过`&lt;style&gt;`标签内联样式,或通过`class`和`id`属性...

    前端面试题

    - **移除的元素**:`&lt;acronym&gt;`, `&lt;applet&gt;`, `&lt;basefont&gt;`, `&lt;center&gt;`, `&lt;dir&gt;`, `&lt;frame&gt;`, `&lt;frameset&gt;`, `&lt;noframes&gt;`, `&lt;isindex&gt;`等。 - **兼容性处理**:可以通过polyfills库(如html5shiv)为旧版浏览器...

    学习样式表CSS参考-常用的CSS知识

    - 示例:`&lt;span&gt;`, `&lt;a&gt;`, `&lt;label&gt;`, `&lt;input&gt;`, `&lt;img&gt;`, `&lt;strong&gt;`, `&lt;em&gt;`等。 为了改变元素的默认显示类型,可以使用`display`属性。例如,`display: inline;`可以使块级元素变为内联元素,而`display: ...

    尚硅谷_前端_面试题

    使用方式是在`&lt;label&gt;`标签中包含`for`属性,并与表单控件的`id`属性相对应。 7. **实现不使用border画出1px高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果。** - 可以通过设置相邻元素的背景色...

    web前端面试题.pdf

    行内元素包括a、b、img、em、br、i、span、input、select等,不可以设置宽高,不独占一行。块级元素包括div、p、h1-h6、form、ul、dl、ol、table等,可以设置宽高,独占一行。 4. 行内元素和块级元素的区别 行内...

    前端工程师面试题汇总.docx编程资料

    - **新特性**:增加了语义化标签如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;nav&gt;`等,支持多媒体元素`&lt;video&gt;`、`&lt;audio&gt;`等。 - **移除元素**:`frame`、`frameset`等。 - **兼容处理**:通过添加前缀如`class="ie7"`等方式,...

    前端面试题汇总

    - **行内元素**: 如`span`, 不独占一行,不能设置宽度和高度。 - **块级元素**: 如`div`, 占据整行,可以设置宽度和高度。 - **设置**: 行内元素可以设置`padding`和`margin`的垂直值。 **23. 外边距重叠** - **...

    css入门笔记

    独立于任何网页位置处,声明一个样式文件(.css为后缀),在文件中声明样式,在使用的网页中引入.css文件。 使用步骤: 1.创建样式表文件(.css) 2.在样式文件中编写样式规则 3.在网页中对样式文件进行引入 &lt...

Global site tag (gtag.js) - Google Analytics