html元素水平居中的方法
html元素有哪些?水平居中于其父级元素的方法你是否知道呢?就让小编来告诉你们哦!
方法1:
代码如下:
<p class="wrap">
<p class="left-right-middle1">左右居中方法1</p>
</p>
代码如下:
html,body,p{
margin:0;
padding:0;
height:100%;
position:relative;
}
{
width:400px;
height:300px;
margin:10px;
border:1px solid #000;
}
-right-middle1{
width:200px;
background-color:#69F;
margin:0 auto;
}
方法2:
代码如下:
<p class="wrap">
<p class="left-right-middle2">左右居中方法2</p>
</p>
代码如下:
html,body,p{
margin:0;
padding:0;
height:100%;
position:relative;
}
{
width:400px;
height:300px;
margin:10px;
border:1px solid #000;
}
-right-middle2{
width:200px;
background-color:#69F;
left:50%;
margin-left:-100px;
}
html元素 垂直居中 于 其父级元素的.方法:
代码如下:
<p class="wrap">
<p class="top-bottom-middle">上下居中</p>
</p>
代码如下:
html,body,p{
margin:0;
padding:0;
height:100%;
position:relative;
}
{
width:400px;
height:300px;
margin:10px;
border:1px solid #000;
}
-bottom-middle{
height:200px;
background-color:#69F;
top:50%;
margin-top:-100px;
}
-
在PHP中利用XML技术构造远程服务
未来的Web将是以服务为中心的Web,XML_RPC标准使得编写和应用服务变得非常简单。本文介绍XML_RPC标准及其PHP实现,并通过实例示范了如何在PHP中开发XML_RPC服务和客户程序。一、服务式Web从内容提供商所采用的简单方法到UDDI(UniversalDescription,DiscoveryandInte...
-
JavaScript经典效果集锦
些很实用且必用的小脚本代码:脚本1:进入主页以后自动播放声音脚本2:进入主页后自动最大话,省的去在自己单击了To(0,0)zeTo(lWidth,lHeight)脚本3:显示现在时间的脚本enow脚本4:显示最后修改时间的.脚本e(Modified)脚本5:设为首页,加为收藏,加入频道,启动outlook...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
asp下去除超链接函数
复制代码代码如下:<%FunctionReplaceUrl2(HTMLstr)Dimn,str1,str2,str3,str4HTMLstr=Lcase(HTMLstr)Forn=1toUbound(Split(HTMLstr,"(.+?)"RegRemoveHref=ace(HTMLstr,"$1")ENDFunction...