Dreamwaver中设计div层对齐

在Dreamwaver中设计div层的时候,属性面板没有像表格一样给出水平、垂直对齐方式的选项,使用下面的代码可以做到:
<html>
<head>
<style. type="text/css">
<!--
div{
 border:1px solid #000000;
 text-align:center;
 padding-top:expression(parseInt(this.style.height)/2-parseInt(this.childNodes(0).scrollHeight)/2);
}
//-->
</style>
</head>
<body>
请将 图片(可多张) 或 其它内容 插入<span></span>标签中<br>
<div style="width:200px;height:200px">
 <span>
  <img src="/images/grss.gif"><br>
  <img src="/images/grss.gif"><br>
  <img src="/images/grss.gif">
 </span>
</div>
<P>
<div style="width:200px;height:200px">
 <span>
  <img src="logo.gif"/>
 </span>
</div>
<P>
<div style="width:200px;height:200px">
 <span>
  asddsf
 </span>
</div>
<P>
</body>
</html>
  

时间: 2024-12-21 20:46:01

Dreamwaver中设计div层对齐的相关文章

Dreamwaver设计div层的对齐方式

在Dreamwaver中设计div层的时候,属性面板没有像表格一样给出水平.垂直对齐方式的选项,使用下面的代码可以做到: <html><head><style. type="text/css"><!--div{ border:1px solid #000000; text-align:center; padding-top:expression(parseInt(this.style.height)/2-parseInt(this.childN

自动调整高度的div层

自动调整高度的div层 以下是代码:<html> <head> <title>Nice and Free CSS Template 09</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css" media="scree

如何解决DIV层被Flash动画遮盖问题?

"Opaque windowless"和"Transparent windowless"都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序. 今天测试div层和flash的交互,发现div层总是被flash层遮盖,在百度上找了一会,说是加个<param name="wmode" value="transparent" />就成了,我加完后在IE下问题是解决了,但是FF下好像没有反应,后来才知道IE

网页制作总结:用CSS使DIV层水平居中

css|网页 一,用CSS使DIV层水平居中 对需要水平居中的DIV层添加以下属性: margin-left: auto;margin-right: auto; 这样在FF中已经居中了,可是在IE中看还是没有居中! 问题并不在CSS而在XHTML网页本身.需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

关于div层被flash层遮盖的解决方法

允许使用 Internet Explorer 4.0 中的透明 Flash 内容.绝对定位和分层显示功能.此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效... 今天测试div层和flash的交互,发现div层总是被flash层遮盖,在百度上找了一会,说是加个<param name="wmode" value="transparent" />就成了,我加完后在IE下问题是解决了,但是FF下好像没有反应,后来才

用CSS让DIV层水平居中

一,用CSS让DIV层水平居中 对需要水平居中的DIV层添加以下属性: margin-left: auto; margin-right: auto; 这样在FF中已经居中了,可是在IE中看还是没有居中! 问题并不在CSS而在XHTML网页本身. 需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/

Javascript实现div层渐隐效果的方法

  本文实例讲述了Javascript实现div层渐隐效果的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w

CSS的position属性在DIV层中的应用

定位的话,父DIV设置position:relative后,子DIV的position:absolute就会相对父DIV作绝对定位,接下来为大家介绍下CSS的position属性在DIV层中的应用   原来只明白position:relative是相对定位,position:absolute 是绝对定位: 经常看到图片轮播的下方有个半透明背景的文字描述.我现在要做这样一个效果,因为不是轮播,所以没去找插件,想自己写. 半透明背景可以设置属性background: rgba(0, 0, 0, 0.

JavaScript实现DIV层拖动及动态增加新层的方法

  本文实例讲述了JavaScript实现DIV层拖动及动态增加新层的方法.分享给大家供大家参考.具体分析如下: 无刷新添加一个新的DIV层,并可实现的该层的拖动,鼠标拖动层可移动位置,将JS部分另存为一个新文件,用到的时候从外部引入,这个拖动层代码很流行,GG和YAHOO等大网站经常可以看到这种效果. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35