标签：CSS
共 22 篇文章
CSS3 first-child not work
For some reason, I tried to use CSS3 selector :first-child, but it not works in my project.
关于CSS中box-sizing属性的一点心得
最近需要写这样一个布局：一个父元素，里面有两个子元素，两个子元素的宽度为父元素的一半。这在CSS中倒是一个很简单的问题，所以很容易就有如下代码。
<style type="text/css">
*{
padding : 0;
margin : 0;
}
#outer{
width : 600px;
height : 300px;
background : red;
color : white;
}
#outer:after{
content : "";
clear : both;
}
#in1{
width : 50%;
height : 80%;
float : left;
background : blue;
}
#in2{
width : 50%;
height : 80%;
float : right;
background : green;
}
</style>
<div id="outer">
<div id="in1">
IN1
</div>
<div id="in2">
IN2
</div>
</div>
高度不定CSS设置img充满div的解决方案（img标签3px问题）
使用CSS布局的进个遇到这样一个问题：设置一个固定宽和高的div，里面放置一张图片，使图片的宽度和高度与父级的div保持一致。
看起来是一个很简单的问题啊，有什么难的？
继续阅读CSS3 media max-width与$().width一点问题
最近在修改麻辣GIS的响应式的时候发现一个有趣的问题：麻辣GIS的响应式是依靠CSS3的media属性来实现的，但是使用jquery的 $().width() 来获取宽度，但是其结果并不一致。
img设置CSS属性使图片居中
CSS设置内容居中，可以用下面的代码实现
text-align:center
但是这么做有一个缺点，只能在img标签的上级标签设置。能不能直接对img标签做一个设置是图片居中呢？
继续阅读子元素浮动出父元素之外解决方法
设置了两个div,div2嵌套在div1中，是div1的子元素。div2设置了浮动，结果div2浮动到了div1外面去了。 继续阅读
CSS3 text-overflow使用参考指南
语法：
text-overflow ： clip | ellipsis
取值：
clip： 不显示省略标记（...），而是简单的裁切。
ellipsis： 当对象内文本溢出时显示省略标记（...）
说明：
设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。对应的脚本特性为textOverflow。 text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果。
来自这里