DIV+CSS布局数据调用

html-css017

DIV+CSS布局数据调用,第1张

div+css是静态的,没有循环语句的。不知道你用什么语言开发我给你写个asp的吧!

<%

for

i=1

to

xx

%>

<div

id="a"><img

src="<%=rs("img")%>"

width="140"

height="120"></div>

<%

rs.movenext

End

if

next

set

rs=nothing

%>

我没有设置四个一换行,那是因为css可以控制溢出时自动换行,你只要设置一下其属性就可以了!

可以在你要修改的div上用内联样式

<div style="你要改成的样式"></div>

又或者说给这个div再加上一个css

<style type="text/css">

.newCss{你要改成的样式 !important/*重要的是这个!important*/}

</style>

<div calss="原来的css类 newCss"></div>

控制文本与边框的距离,要使用css的内边距属性padding来实现。请看下方示例代码:

<!DOCTYPE html>

<html>

<head>

  <meta http-equiv="Content-Type" content="text/html charset=utf-8" />

  <title>angular demo</title>

</head>

<body>

<style type="text/css">

.box{width:150pxheight:150pxborder:1px solid #333padding:10pxfont-size:12px}

</style>

<div class="box">

这里是测试的文字,修改padding值就可以改变文字距离边框的距离了。

</div>

</body>

</html>

示例中设置的padding值为10px;文字距离边框的距离即为10px。可通过修改值来改变距离。实现效果如下图: