将html标签在浏览器居中显示的css样式_HTML/Xhtml_网-自学php网

主页 > 前端 > html教程 >

将html标签在浏览器居中显示的css样式_HTML/Xhtml_网

来源：自学PHP网时间：2014-12-15 15:58 作者：阅读:次

[导读] 在布局过程中为了某些需求，将html标签在浏览器居中显示是很常见的做法，下面有个不错的示例，大家可以参考下...

在布局过程中为了某些需求，将html标签在浏览器居中显示是很常见的做法，下面有个不错的示例，大家可以参考下

css样式：

复制代码

代码如下:

<style type="text/css">
#login{
position:absolute;
top:50%;
left:50%;
margin-left:-标签一半宽度;
margin-top:-标签一半高度;
}
</style>

html部分：

复制代码

代码如下:

<div id="login"></div >

设置搜索框的默认文字当鼠标单击时该默认文字

html页面嵌套使用示例(frameset使用方法)_HTML/Xhtml

最新评论

加载更多~~

添加评论

更多文章推荐

折叠的table行元素bug_HTML/Xhtml_网页制作 2014-12-15
button没有指定type为submit点击按钮跳转不到指定 2014-12-15
HTML教程－框架 2014-10-05
html中div不自动换行、强制不换行的具体实现_HT 2014-12-15
XHTML标签在CSS中对应的属性及用法_HTML/Xhtml_网页制 2014-12-15
通过display或visibility来实现HTML元素的显示与隐藏 2014-12-15
HTML表格标记教程(33):单元格的垂直对齐属性VALI 2014-12-15
HTML中div与span的区别(共同点与不同点)_HTML/Xhtml_网 2014-12-15
将XHTML CSS页面转换为打印机页面_HTML/Xhtml_网页制 2014-12-15
W3C教程(8):W3C XML Schema 活动_HTML/Xhtml_网页制作 2014-12-15

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com



添加评论