span无法直接设置宽度

span无法直接设置宽度,需要以下处理

span {
background-color:#fc0;
display:-moz-inline-box;
display:inline-block;
width:150px; 
}

参考:http://blog.sina.com.cn/s/blog_70b0792b0100uqfl.html

时间: 2024-10-09 23:33:12

span无法直接设置宽度的相关文章

给span标签设置宽度

span{ display:-moz-inline-box; display:inline-block; width:你的宽度: } 上面的两个样式如果不行就单个试: 鼠标指向元素变成小手 cursor:pointer 鼠标指向变成自定义图片 cursor:url('图片的路径'),auto;

<span> 无法设置宽度的完美解决方案!

在默认的情况下,利用css样式对span进行宽度设定是无效,但有时为了某种排版的要求,需要对span进行宽度设定,那么如何在html中利用css样式设定span的宽度? 思路:这看上去是个很简单的问题,似乎用style中的width属性就可以. 然而通过试验以后发现,无论是在Firefox还是IE中都无效. 在css2的标准中,查阅关于width的定义,我们可以发现,原来css中的width属性并不总是有效的,如果对象是inline对象,width属性就会被忽略.Firefox和IE都遵循了这个

display:block; 块级元素。<a>,<span>标签设置宽度和高度

display:block;是让对象成为块级元素(比如a,span等) 转化后 可以对a或者span标签进行width和height设置,否则设置不了 display有很多对象,具体可以参考http://www.w3school.com.cn/css/pr_class_display.asp 一般都是用display:none和display:block来控制层的显示

vue中用v-for循环出出来的div下面的span不给宽度也能相对于div居中

效果图 1.html <div> <div v-on:mousemove="dataDetails($event, item)" v-on:mouseleave="hiddenDetail($event)" v-for="(item, index) in sectionDiagram" :style="{height: item.height, left: item.sqrareLeft + 'px', width:

css 内联与块

内联元素可以理解为不能直接设置宽度和高度元素,比如span,你为他设置宽度和高度没有效果,除非你把它设置成块级元素. 如下面的代码把display:block;属性值去掉的话,宽度和高度都不会起作用了. 1 <span style="width:100px;height:100px;display:block;"></span> margin可以控制内联和块级元素的间距,而不光是内联元素. 主要注意他们之间的转换问题,如块级元素加float属性会变为内联元素.

iOS 开发实践之 Auto Layout

原:http://xuexuefeng.com/autolayout/?utm_source=tuicool 本文是博主 iOS 开发实践系列中的一篇,主要讲述 iOS 中 Auto Layout(自动布局)在实际项目中的使用. Auto Layout 在 2012 年的 iOS 6 中发布,距今已经 2 年多了,如果从 2011 年在 Mac OS X 上发布的 Auto Layout 开始算起,已经超过 3 年了.如果你的简历上写着 2 年以上工作经验,而竟然不会使用 Auto Layout

css基础(css书写 背景设置 标签分类 css特性)

css书写位置 行内式写法 <p style="color:red;" font-size:12px;></p> 外联式写法 <link rel="stylesheet " href="地址" type="text/css"/> 嵌入式写法 <style type="css/stylesheet"> p{ font-size:20px; color:red;

使用 text-overflow: ellipsis溢出文本显示省略号时碰到的小问题

本人刚刚实习,第一次写东西,希望大家多多鼓励. 项目中需要实现标题超过一定长度以省略号的形式显示,不是什么难的问题.可是我不想用js实现,就百度了发现text-overflow: ellipsis;(其实很久就有了,不过之前都不知道)这个样式可以实现这种效果,而且所有主流浏览器都支持 text-overflow 属性. 于是就用了如下代码 .ellipsis{ width:300px; white-space: nowrap; word-break: break-all; overflow: h

CSS 实现对号效果

实现对号效果,一种思路是利用现成的符号,直接在网上搜索到 √,插入页面.另一种思路是本文要介绍的用 CSS 实现,思路是: 给块级元素设置宽度和高度 设置元素相邻的两个 border 旋转元素 HTML <div class="check-style-unequal-width"></div> 解析 此处需要使用块级元素 不需要设置元素内容 CSS .check-style-unequal-width {             width: 8px;