CSS网页布局强制换行和强制不换行
[
2008/09/07 10:34 | by Else ]
2008/09/07 10:34 | by Else ]
引用地址:http://datum.studyget.com/sh/200806/20080623_61247.shtml
在CSS网页布局中，常常会遇到这样的问题，强制文字换行，而不是在一行内显示撑开容器影响布局。而有些时候可能会强制内容不换行，多出的部分隐藏掉即可，关于强制不换行与强制换行的一些CSS属性WEBJX.com作一些整理，希望能给大家的工作和学习提供参考。
先了解以下几个属性：
强制不换行
p.www_webjx_com {
white-space:nowrap;
}
自动换行
p.www_webjx_com {
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
p.www_webjx_com {
word-break:break-all;
}
在CSS网页布局中，常常会遇到这样的问题，强制文字换行，而不是在一行内显示撑开容器影响布局。而有些时候可能会强制内容不换行，多出的部分隐藏掉即可，关于强制不换行与强制换行的一些CSS属性WEBJX.com作一些整理，希望能给大家的工作和学习提供参考。
先了解以下几个属性：
强制不换行
p.www_webjx_com {
white-space:nowrap;
}
自动换行
p.www_webjx_com {
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
p.www_webjx_com {
word-break:break-all;
}
php列出目录中的所有文件
[ 2008/09/07 08:35 | by Else ]
2008/09/07 08:35 | by Else ]
范例
例子 1. 列出目录中的所有文件
请留意下面例子中检查 readdir() 返回值的风格。这里明确地测试返回值是否全等于（值和类型都相同――更多信息参见比较运算符）FALSE，否则任何目录项的名称求值为 FALSE 的都会导致循环停止（例如一个目录名为“0”）。
例子 2. 列出当前目录的所有文件并去掉 . 和 ..
例子 1. 列出目录中的所有文件
请留意下面例子中检查 readdir() 返回值的风格。这里明确地测试返回值是否全等于（值和类型都相同――更多信息参见比较运算符）FALSE，否则任何目录项的名称求值为 FALSE 的都会导致循环停止（例如一个目录名为“0”）。
<?php
// 注意在 4.0.0-RC2 之前不存在 !== 运算符
if ($handle = opendir('/path/to/files')) {
echo "Directory handle: $handle\n";
echo "Files:\n";
/* 这是正确地遍历目录方法 */
while (false !== ($file = readdir($handle))) {
echo "$file\n";
}
/* 这是错误地遍历目录的方法 */
while ($file = readdir($handle)) {
echo "$file\n";
}
closedir($handle);
}
?>
// 注意在 4.0.0-RC2 之前不存在 !== 运算符
if ($handle = opendir('/path/to/files')) {
echo "Directory handle: $handle\n";
echo "Files:\n";
/* 这是正确地遍历目录方法 */
while (false !== ($file = readdir($handle))) {
echo "$file\n";
}
/* 这是错误地遍历目录的方法 */
while ($file = readdir($handle)) {
echo "$file\n";
}
closedir($handle);
}
?>
例子 2. 列出当前目录的所有文件并去掉 . 和 ..
<?php
if ($handle = opendir('.')) {
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") {
echo "$file\n";
}
}
closedir($handle);
}
?>
if ($handle = opendir('.')) {
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") {
echo "$file\n";
}
}
closedir($handle);
}
?>
jquery加载当前页
[ 2008/09/06 23:28 | by Else ]
2008/09/06 23:28 | by Else ]
$("#catlist").load(window.location.href);
主要是上面的一行加载曾经建议csdn把评论改成上面的加载方式,不过没有成功,他们都回到第一页
主要是上面的一行加载曾经建议csdn把评论改成上面的加载方式,不过没有成功,他们都回到第一页
$.ajax({
beforeSend:function(){$("#catlist").append("<div id='myloadinfo' style='position:absolute;left:360px;top:300px;width:200px;height:30px;z-index:3;text-align:center;line-height:20px;background-color: #FFFFFF;'><br><img src='img/loading.gif'/><br>正在载入中...</div>").show("slow");},
type: "post",
url:"adminajax.php?act="+dbgo,
data:$("input").serialize(),
success: function(comm){
$("#msg").html(comm);
$("#catlist").load(window.location.href);
},
error:function(){
$("#msg").html("链接出错");
}
beforeSend:function(){$("#catlist").append("<div id='myloadinfo' style='position:absolute;left:360px;top:300px;width:200px;height:30px;z-index:3;text-align:center;line-height:20px;background-color: #FFFFFF;'><br><img src='img/loading.gif'/><br>正在载入中...</div>").show("slow");},
type: "post",
url:"adminajax.php?act="+dbgo,
data:$("input").serialize(),
success: function(comm){
$("#msg").html(comm);
$("#catlist").load(window.location.href);
},
error:function(){
$("#msg").html("链接出错");
}
div左邊固定，右邊自適應的排法
[ 2008/09/03 13:15 | by Else ]
2008/09/03 13:15 | by Else ]
其實這樣的例子很多，在dw cs3裡就就有很多我也是看那例子的
顯示地址
顯示地址
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
height:100%;
}
.top {
height: 100px;
background-color:#FFC
}
.left {
height: 600px;
width: 150px;
float: left;
background-color:#CCCccc;
}
.main {
height: 600px;
margin-left: 160px;
background-color:#F2F2F2;
}
.bottom {
height: 100px;
/*clear: both;可以不用吧*/
background-color:#FFC
}
body {
margin: 0px;
}
div {
border: 1px solid #C0C0C0;
}
</style>
</head>
<body>
<div class="top">
</div>
<div>
<div class="left">
</div>
<div class="main">aaa
</div>
</div>
<div class="bottom">
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
height:100%;
}
.top {
height: 100px;
background-color:#FFC
}
.left {
height: 600px;
width: 150px;
float: left;
background-color:#CCCccc;
}
.main {
height: 600px;
margin-left: 160px;
background-color:#F2F2F2;
}
.bottom {
height: 100px;
/*clear: both;可以不用吧*/
background-color:#FFC
}
body {
margin: 0px;
}
div {
border: 1px solid #C0C0C0;
}
</style>
</head>
<body>
<div class="top">
</div>
<div>
<div class="left">
</div>
<div class="main">aaa
</div>
</div>
<div class="bottom">
</div>
</body>
</html>
javascript 對象的各個高度
[ 2008/09/03 09:40 | by Else ]
2008/09/03 09:40 | by Else ]
js获取浏览器高度和宽度值
這個是html的
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
注意在XHTML标准下一个请将body改成documentElement
引用
有xhtml的
网页可见区域宽： document.documentElement.clientWidth
网页可见区域高： document.documentElement.clientHeight
网页可见区域宽： document.documentElement.offsetWidth (包括边线的宽)
网页可见区域高： document.documentElement.offsetHeight (包括边线的高)
网页正文全文宽： document.documentElement.scrollWidth
网页正文全文高： document.documentElement.scrollHeight
网页被卷去的高： document.documentElement.scrollTop
网页被卷去的左： document.documentElement.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
网页可见区域宽： document.documentElement.clientWidth
网页可见区域高： document.documentElement.clientHeight
网页可见区域宽： document.documentElement.offsetWidth (包括边线的宽)
网页可见区域高： document.documentElement.offsetHeight (包括边线的高)
网页正文全文宽： document.documentElement.scrollWidth
网页正文全文高： document.documentElement.scrollHeight
网页被卷去的高： document.documentElement.scrollTop
网页被卷去的左： document.documentElement.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
引用
這個是html的
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
注意在XHTML标准下一个请将body改成documentElement
企業網站：厦门装潢网
[ 2008/09/02 21:27 | by Else ]
2008/09/02 21:27 | by Else ]
Excel的網頁格式去除
[ 2008/09/02 15:05 | by Else ]
2008/09/02 15:05 | by Else ]
当把网页上文字粘贴到Excel时，Excel会保留它的格式，如何去除这个格式？
這個動作用鼠標操作就是雙擊你要ctrl+v的地方就行了
方法好不乎文章長短!
這個動作用鼠標操作就是雙擊你要ctrl+v的地方就行了
方法好不乎文章長短!
uubox改一域名了，我原來下載的資料也換了網址
[ 2008/09/02 09:10 | by Else ]
2008/09/02 09:10 | by Else ]
http://www.uushare.com/user/cukunet
上面的網址是我uubox的最新網址! 要下載資料就進入這個地
上面的網址是我uubox的最新網址! 要下載資料就進入這個地
昨天的ip有的个新高，来自站长统计!
[ 2008/09/01 13:50 | by Else ]
2008/09/01 13:50 | by Else ]
引用
历史最高PV 6505 (2008-08-30)
历史最高IP 1081 (2008-08-30)
历史最高独立访客 1067 (2008-08-30)
历史最高IP 1081 (2008-08-30)
历史最高独立访客 1067 (2008-08-30)
这应该是一个模式，有些框架还可以成形在自己的脑子里，就像要看一场足球赛一样要等很久，或是在后面还要等上一场胜利！昨天对着自己改的网站，还是无法下笔，或是后来可以越用越好，但是就是自己一个人在其中！说来说去，还是网站的管理！和网站的成功模式！其实我可以放开这么做！总体上讲也是非常成功的！或许也在也日志的时候又可以想到一些，是这样吧，是的！所以还是要好好的改一下，虽然数据还是原来的数据！一些功能还是要处理的，不是这样吗？
