本文目录
- 鼠标移到一个标签(span)上的时候一个层(div),当鼠标在span上和div上的时候不隐藏div
- 怎样在li中设置两个span标记左右浮动
- span标签设置图片位置
- 如何使用span标签
- 在一个div块里面,有一个还有一个〈span〉怎么把span里面的文字移动居中,不用定位谢谢了
鼠标移到一个标签(span)上的时候一个层(div),当鼠标在span上和div上的时候不隐藏div
《dl class="dl"》 《dd class="dd"》 商店 《/dd》 《dt class="dt"》 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 《/dt》《/dl》
$(function(){ $(".dl").mouseover(function(){ $(this).find(".dt").show(); }); $(".dl").mouseout(function(){ $(this).find(".dt").hide(); });});
.dl{width: 50px;height: 0px; position: relative;}.dd{width: 45px; height: 20px; border: 1px solid #ccc; font-size: 12px; margin: auto;}.dt{width: 300px; height: 20px; border: 1px solid #ccc; font-size: 12px; position: absolute; display: none;}
怎样在li中设置两个span标记左右浮动
两种方法,一个是右浮的写在前面,定义右浮动另一个是按顺序写,左边的定义左浮动,右边的定义右浮动,但这样外盒的高度要给定一下,要不容易出问题《!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"》《HTML》 《HEAD》 《TITLE》 New Document 《/TITLE》 《style type="text/css"》 .top{ width:400px;border:1px solid gray;line-height:2em; } .left{ float:left; display:inline; } .right{ float:right; display:inline; } 《/style》 《/HEAD》 《BODY》右浮动:《div class="top"》《span class="right"》右边内容写在左边《/span》《span 》左边内容写在右边《/span》《/div》 左右浮动:《div class="top"》《span class="left"》左边内容写在左边《/span》《span class="right"》右边内容写在右边《/span》《/div》 《/BODY》《/HTML》
span标签设置图片位置
貌似在ie下用POSITION: absolute;是件头疼的事。建议使用jquery的一个插件。插件名是:scrollFix在百度上直接搜scrollFix.js肯定可以找到。找不到私聊给你。
如何使用span标签
span是一个in-line元素,翻译为内联元素。它的特点是不会独占一行。它和块(block)级元素是相对的,块级元素是独占一行的。比如你在网页中的某个位置加入一些文字,最好用span将文字包含起来,这样你在想取到这段文字的时候,就可以先取到该span,然后再取span.innerhtml来得到文字 。
在一个div块里面,有一个还有一个〈span〉怎么把span里面的文字移动居中,不用定位谢谢了
设置img的vertical-align:middle 可以让文字垂直居中,想水平居中只能把img设成背景图片