<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script src="js/jquery-1.4.4.min.js"></script>
<style type="text/css">
body {
margin: 0px;
border: solid 1px red;
}
#out {
border:solid 1px black;
}
.outdiv {
margin: 0 auto;
border: solid 1px red;
width: 600px;
height: 200px;
/*padding-top: 10px;*/
}
div {
/*
margin: 0 auto;
border: solid 1px red;
height: auto;
width: 100px;
word-break: break-all;*/ /*只是强制换行,不管文字是否相同*/
/* word-break:break-word;*/ /*强制换行不同文字*/
border: solid 1px green;
}
.item {
border: solid 1px green;
width: 50px;
height: 60px;
float: left;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 2px;
}
.hide {
display: none;
}
</style>
</head>
<body>
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
arr[6] = "3243";
for (var i = 0; i < arr.length; i++) {
//arr.splice(i);
// i = i - 1;
}
// document.write(arr);
function check() {
var i = 0;
return i;
//document.write("555555555");
return 3;
}
$(function () {
//alert(jQuery.fn.jquery);
for (var i = 0; i < 26; i++) {
var div_item = $(".outdiv").find(".hide").clone(true).removeClass("hide").addClass("item");
$(".outdiv").append(div_item);
div_item.text(i + 1);
}
});
</script>
<div class="outdiv" id="out">
<div class="hide">
</div>
</div>
<!--<div class="outdiv">
<div>
准通用标记语言(以下简称“通用标言”)
</div>
</div>-->
</body>
<html>
<head>
<title>Test</title>
<script src="js/jquery-1.4.4.min.js"></script>
<style type="text/css">
body {
margin: 0px;
border: solid 1px red;
}
#out {
border:solid 1px black;
}
.outdiv {
margin: 0 auto;
border: solid 1px red;
width: 600px;
height: 200px;
/*padding-top: 10px;*/
}
div {
/*
margin: 0 auto;
border: solid 1px red;
height: auto;
width: 100px;
word-break: break-all;*/ /*只是强制换行,不管文字是否相同*/
/* word-break:break-word;*/ /*强制换行不同文字*/
border: solid 1px green;
}
.item {
border: solid 1px green;
width: 50px;
height: 60px;
float: left;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 2px;
}
.hide {
display: none;
}
</style>
</head>
<body>
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
arr[6] = "3243";
for (var i = 0; i < arr.length; i++) {
//arr.splice(i);
// i = i - 1;
}
// document.write(arr);
function check() {
var i = 0;
return i;
//document.write("555555555");
return 3;
}
$(function () {
//alert(jQuery.fn.jquery);
for (var i = 0; i < 26; i++) {
var div_item = $(".outdiv").find(".hide").clone(true).removeClass("hide").addClass("item");
$(".outdiv").append(div_item);
div_item.text(i + 1);
}
});
</script>
<div class="outdiv" id="out">
<div class="hide">
</div>
</div>
<!--<div class="outdiv">
<div>
准通用标记语言(以下简称“通用标言”)
</div>
</div>-->
</body>
</html>
总结css样式不是从上往下依次执行,是存在优先级的,ID命名>类命名>标签命名