`

li中的span右浮动下沉问题

 
阅读更多

问题:

新闻列表中为了显示时间,加了个span
<li><a href="#">改变思维结构学英语口语的技</a><span>2010-07-18</span></li>
结果这个 span竟然跑到下面去了


解决:

把<span>标签放到前面就ok了

<li><span>2010-07-18</span><a href="#">改变思维结构学英语口语的技</a></li>

 

 

 

分享到:
评论

相关推荐

    li浮动还可以居中ul

    li浮动还可以居中ul.html

    css span右对齐 css li标签中span日期靠右布局实现代码

    `属性,它会使`span`元素向右浮动,直到其右侧触碰到容器的右侧边界。`padding-right: 10px;`则在日期文本与相邻元素之间添加了10像素的内边距,提供了视觉上的间隔。 在HTML结构中,`li`元素包含了`span`日期和`a`...

    CSS无难事-浮动floatright的应用和li的高度问题.pdf

    在“CSS无难事-浮动floatright的应用和li的高度问题”这个主题中,我们将探讨`float:right`的用法以及`&lt;li&gt;`元素高度问题的解决策略。 首先,让我们了解`float:right`。当将一个元素的`float`属性设置为`right`时,...

    jQuery仿百度百科右侧浮动菜单代码.zip

    【jQuery仿百度百科右侧浮动菜单代码】是一种使用JavaScript库jQuery实现的网页交互功能,它旨在模仿百度百科中常见的右侧浮动菜单。这个菜单通常在页面滚动时保持固定在屏幕的一侧,提供一个方便的导航工具,用户...

    css给span加float:right右浮动后内容换行下移

    然而,在某些情况下,这可能会导致意想不到的布局问题,比如"span加float:right右浮动后内容换行下移"的问题,这个问题在描述中已经明确指出。 首先,让我们回顾一下上述示例代码: ```html &lt;!DOCTYPE html&gt; ; ...

    jquery+css右侧浮动html菜单导航

    在网页设计中,创建一个高效的导航菜单是至关重要的,它能帮助用户轻松地浏览网站内容。本项目聚焦于实现一个“jquery+css右侧浮动html菜单导航”,这种类型的导航菜单常见于许多电商网站,如购物车功能,能跟随用户...

    关于li:hover的怎么清除浮动问题实现代码

    需要注意的是,在处理浮动问题时,可能会使用到清除浮动的技术,比如使用.clearfix类,或设置overflow属性,但本例中主要是通过改变布局方式来解决浮动问题。在其他情况中,如果仍然需要使用float属性而不希望影响...

    jquery右侧浮动导航.zip

    "jQuery 右侧浮动导航"是一个常见的设计模式,尤其在响应式布局中,它可以帮助用户在页面滚动时始终保持导航的可见性。这个压缩包“jquery右侧浮动导航.zip”包含了实现这一功能的相关资源,包括 CSS 样式表、...

    HTML中Li标签的使用示例

    3. **CSS样式调整**:给`#mylist li span`设置`float:right`,使日期元素向右浮动。同时,为了保持列表项的宽度一致,可以为`#mylist`设置宽度,比如`width:400px`。 ```css #mylist { width: 400px; list-style-...

    float元素浮动后高度不一致导致错位的解决办方法

    当N个元素浮动后,会导致错位的问题。一般给元素一个固定的height就没有这个现象。 但是当高度不一致时,就需要想别的办法来解决了: 1、给父元素定义font-size:0; 浮动子元素定义需要的font-size, 再定义display...

    多浏览器下IE6 IE7 firefox li 间距问题

    ### 解决多浏览器下IE6、IE7及Firefox中`&lt;li&gt;`元素间距兼容性问题 #### 背景介绍 在Web开发过程中,我们经常会遇到不同浏览器对CSS样式的解析差异导致页面显示效果不一致的情况。特别是对于早期版本的Internet ...

    li 左右淡入淡出效果图片

    在网页设计中,"li 左右淡入淡出效果图片"是一种常见的视觉动画效果,通常用于导航菜单、轮播图或任何需要平滑过渡的元素。这种效果可以使页面看起来更加动态和专业,同时也能吸引用户的注意力。在这个场景中,"li...

    浮动_style_浮动导航栏_css如何浮动_

    在网页设计中,浮动(Float)是CSS布局的重要概念,它允许元素脱离其正常文档流并使其周围的元素围绕它流动。浮动最初是为了处理图像布局而引入的,但随着时间的推移,它已成为创建复杂的网页布局的工具之一。在这个...

    浮动后的li元素居中实现方法

    标题提到的“浮动后的li元素居中实现方法”主要探讨了如何在使用浮动布局时,确保`&lt;li&gt;`元素在导航条中居中对齐。以下是几种常用的方法及其优缺点: 1. **文本居中对齐**: - 在包裹`&lt;ul&gt;`的`&lt;div&gt;`上应用`text-...

    HTML 使用浮动框架.doc

    `align`属性定义框架在页面中的对齐方式(左对齐、居中、右对齐);`frameborder`控制边框显示与否;`marginwidth`和`marginheight`设置内边距;`scrolling`属性设定滚动条的显示状态。 2. 属性详解: - `name`: ...

    JavaScript使用ul中li标签实现删除效果

    本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码,供大家参考,具体内容如下 &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&...

    制作div+css带箭头的新闻list模块

    /*使span元素浮动到右面*/ text-align: right;/*日期右对齐*/ padding: 6px 0px 4px 15px; font-size:13px; } .list li a:hover{ color: #336699; background: url(zf11_Guide.gif) no-repeat 0 6px; } &lt;/...

    ul li实现表格样式

    使用ul li 标签实现的表格样式,可代替table标签,避免搜索引擎收录不了表格中的关键字

    摩托罗拉LI4278快速入门指南(中)

    摩托罗拉LI4278线性成像器是一款能够提供高质量扫描性能的设备,设计轻巧,便于手持,适用于各种商业环境中快速读取一维条码。它支持无线和有线连接,适用于多种操作系统和应用程序。设备具备耐用的工业级设计,可以...

Global site tag (gtag.js) - Google Analytics