PHP里面怎么用CSS写下面这样的列表_IT百科

首先.需要一个大的容器.它的宽是固定的.用来控制里面内容的换行.

用UL和显示每一列.UL的FLOAT:LEFT三个UL的宽度等于窗口的宽.

在UL中用LI控制每一部分的显示.

HTML:

<ul>

</ul>

<ul>

</ul>

<ul>

</ul>

</div>

CSS:

.container{width:600pxheight:auto}

.container ul{with:200pxfloat:leftmargin:0padding:0list-style:none}

.container ul li{line-height:25pxwidth:200px}

.container ul li img{width:180pxheight:150pxmargin:0 auto}

不用给100分.我手机上不好写,明天10点左右我给你代码,,不用给那么多分

我写了一个，你自己根据情况添加内容：

<?php

$hostname = "localhost"

//主机名

$username = "root"

//用户名

$password = ""

//密码

$database = "flag"

//数据库名

mysql_connect($hostname, $username, $password)

//连接mysql

mysql_select_db($database)

//选择数据库

$query_Recordset1 = "SELECT * FROM member"

//定义查询语句

$Recordset1 = mysql_query($query_Recordset1) or die(mysql_error())

//执行查询

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

</head>

<body>

<tr>

</tr>

<?php do { ?>

<tr>

<td><p align="center"><img src="<?php echo $row_Recordset1['headshot']

//src是文件位置，我直接输出了数据库的头像位置，要是不出现，你就上网查询一下怎么解决路径问题，这个不难 ?>" alt="" width="100" height="100" /></p>

</div></td>

</tr>

<?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1))?>

</table>

</body>

</html>

如果有不明白的，Hi我，我指导你。

我2002年写过一个文件实现这样的功能，直接粘贴如下，你试试看能否可用：

var a_href=new Array()

var a_name=new Array()

var a_size=new Array()

var a_time=new Array()

var tmp_href=''

var tmp_name=''

var tmp_size=''

var tmp_time=''

var i,j,k,sorti

<?php

$base_dir=dirname($_SERVER["SCRIPT_FILENAME"])

$base_len=strlen($base_dir)+1

if ($_SERVER["QUERY_STRING"] == '') $real_dir=$base_dir

else $real_dir=$base_dir.'/'.$_SERVER[QUERY_STRING]

$real_dir=strtr($real_dir,'\\','/')

if (substr($real_dir,-1)!='\\' &&substr($real_dir,-1)!='/') $real_dir .= '/'

$short_dir=substr($real_dir,$base_len)

//while ($short_dir{0}=='/') $short_dir=substr($short_dir,1)

while (substr($short_dir,-1)=='/') $short_dir=substr($short_dir,0,strlen($short_dir)-1)

//if ($short_dir!=''){

//if (strrchr($short_dir,'/')) $up_dir=substr($short_dir,0,strlen($short_dir)-strlen(strrchr($short_dir,'/')))

//else $up_dir=''

//}

echo "//base_dir=$base_dir\treal_dir=$real_dir\tshort_dir=$short_dir\n"

if ($dir = @opendir($real_dir)) {

$i=0

while (($file_name = readdir($dir)) !== false) if ($file_name!='.' &&$file_name!='..' &&substr($file_name,-1)!='~') {

$short_file=$short_dir.'/'.$file_name

$file_path=$real_dir.$file_name

if (is_dir($file_path)) {

$size='<DIR> '

$bgcolor='style="background-color:#aaffaa"'

if ($file_name == '..' ) {$href="$PHP_SELF?$up_dir"$file_name="<上级目录>"}

else $href="$PHP_SELF?$short_file"

}else {

$size=sprintf("%10d",filesize($file_path))

$bgcolor=''

$href=dirname($PHP_SELF).$short_file

}

$time=date('Y-m-d H:i:s',filemtime($file_path))

echo "a_href[$i]='$href'a_size[$i]='$size'a_time[$i]='$time'a_name[$i]='$file_name'\n"

$i++

}

echo "var iFileCount=$i\n"

</script></head>

字体选择：

k=0

for (i=0i<iFileCounti++){

if(a_size[i].substring(0,1)=='<'){

if (i!=k){

tmp_href=a_href[i]tmp_name=a_name[i]tmp_size=a_size[i]tmp_time=a_time[i]

a_href[i]=a_href[k]a_name[i]=a_name[k]a_size[i]=a_size[k]a_time[i]=a_time[k]

a_href[k]=tmp_hrefa_name[k]=tmp_namea_size[k]=tmp_sizea_time[k]=tmp_time

}

k++

}

if(k<iFileCount &&a_size[k].substring(0,1)=='<')k++

sorti=k

re = / /g

function do_sort(x,n,m){//对数组[n,m)按 x 方式排序

for (i=ni<mi++){

k=i

for (j=i+1j<mj++){

if (x=='NA' &&a_name[k]>a_name[j] ||

x=='ND' &&a_name[k]<a_name[j] ||

x=='SA' &&a_size[k]>a_size[j] ||

x=='SD' &&a_size[k]<a_size[j] ||

x=='TA' &&a_time[k]>a_time[j] ||

x=='TD' &&a_time[k]<a_time[j]){k=j}

}

if (i!=k){

tmp_href=a_href[i]tmp_name=a_name[i]tmp_size=a_size[i]tmp_time=a_time[i]

a_href[i]=a_href[k]a_name[i]=a_name[k]a_size[i]=a_size[k]a_time[i]=a_time[k]

a_href[k]=tmp_hrefa_name[k]=tmp_namea_size[k]=tmp_sizea_time[k]=tmp_time

}

function sort_list(x){

if (sorti>1)do_sort(x,0,sorti)

if (sorti<iFileCount)do_sort(x,sorti,iFileCount)

for (i=0i<iFileCounti++){

document.all.item("FileList")[i].innerText=a_size[i].replace(re,' ')+" "+a_time[i]+" "+a_name[i]

document.all.item("FileList")[i].href=a_href[i]

}

</script>

<?php

if (file_exists($real_dir.'header')) {

echo '<pre>'

readfile($real_dir.'header')

echo '</pre><hr>'

}

echo "服务器 $_SERVER[SERVER_NAME] 的 $short_dir 目录下面的文件清单：<button onclick=history.back()>回退</button><button onclick=location.href=\"$PHP_SELF?$up_dir\">上级</button><br>".

"长度<button onclick='javascript:sort_list(\"SA\")' class=9pt>↑</button><button onclick='javascript:sort_list(\"SD\")' class=9pt>↓</button>更新时间<button onclick='javascript:sort_list(\"TA\")' class=9pt>↑</button><button onclick='javascript:sort_list(\"TD\")' class=9pt>↓</button> 文件名<button onclick='javascript:sort_list(\"NA\")' class=9pt>↑</button><button onclick='javascript:sort_list(\"ND\")' class=9pt>↓</button><br>\n"

var szText=''

re2=/</g

for (i=0i<iFileCounti++){

szText=a_size[i].replace(re,' ')

szText=szText.replace(re2,'<')

document.write("<nobr><a href='",a_href[i],"' id='FileList'>",szText," ",a_time[i]," ",a_name[i],"</a></nobr><br>")

}

</script>

<?php

closedir($dir)

if (file_exists($real_dir.'readme.txt')) {

echo '<hr><pre>'

readfile($real_dir.'readme.txt')

echo '</pre>'

}

if (file_exists($real_dir.'readme')) {

echo '<hr><pre>'

readfile($real_dir.'readme')

echo '</pre>'

}

if (file_exists($real_dir.'readme.htm')) {

echo '<hr>'

readfile($real_dir.'readme.htm')

}

if (file_exists($real_dir.'readme.html')) {

echo '<hr>'

readfile($real_dir.'readme.html')

}

?></div></body></html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11945700.html

PHP里面怎么用CSS写下面这样的列表

发表评论

评论列表（0条）