display: inline-block;
*display: inline; // 星号表示专用于IE7及以下的浏览器
zoom: 1;
还可以考虑加入引用改CSS的条件(但不是必须)
<!–-[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]–->
display: inline-block;
*display: inline; // 星号表示专用于IE7及以下的浏览器
zoom: 1;
还可以考虑加入引用改CSS的条件(但不是必须)
<!–-[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]–->
.content {
width: 100%;
box-sizing: border-box;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
#demo
{
background:url(bg_apple_little.gif) no-repeat center center;
height:200px;
width:200px;
}
function css(a) {
var sheets = document.styleSheets, o = {};
for (var i in sheets) {
var rules = sheets[i].rules || sheets[i].cssRules;
for (var r in rules) {
if (a.is(rules[r].selectorText)) {
o = $.extend(o, css2json(rules[r].style), css2json(a.attr('style')));
}
}
tr:nth-child(even) { background-color: #000000; }
以上方法不适用于IE8及以下版本。
也可用通过jQuery的方法实现:
$(document).ready(function() {
$("tr:even").css("background-color", "#000000");
});
function css(a) {
var sheets = document.styleSheets, o = {};
for (var i in sheets) {
var rules = sheets[i].rules || sheets[i].cssRules;
for (var r in rules) {
if (a.is(rules[r].selectorText)) {
o = $.extend(o, css2json(rules[r].style), css2json(a.attr('style')));
}
}
div {
width: 100%;
width: -webkit-calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: calc(100% - 50px);
}
pre {
white-space: pre-wrap; /* CSS 3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
最新评论