css居中悬浮,CSS悬浮居中

百分比&悬浮栏

.box{width:90%;background-color:gray;border:0px solid #000;margin-left:-45%;

/*margin数值相当于width数值的负一半*/font-size:16px;

/*行高默认为*/position:fixed;top:0%;left:50%;

/*left数值永远等于50%(想要居中的话)*/text-align:center;color:#fff;

/*或者直接省略margin.

left=(100%-width百分比)除以2*/

}.text{width:30%;margin:2% auto 2%;font-weight:bold;background-color:lime;text-align:center;

}

/*.pop_windows{

60%;

height: 50%;

margin-left: -30%;

background-color: #ffff90;

border: 2px solid #000f;

text-align: center;

position: fixed;

top: 25%;

left: 50%;

}*/.pop_con{display:block;

/*display: none;*/

}.pop_windows{width:60%;height:50%;

/*margin-left: -30%;*/background-color:#ffff90;border:2px solid #000f;text-align:center;position:fixed;top:25%;left:20%;z-index:999;

}.pop_windows h3{line-height:250px;

}.pop_mask{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0.3;background-color:black;z-index:998;

}

悬浮栏

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/357418.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在Java SE中使用Hibernate Bean Validator

Bean Validation主页上指出:“ Bean Validation是Java规范,…在Java SE中运行,但集成在Java EE(6和7)中。” 这篇文章演示了如何在Java EE容器之外使用Java Bean验证参考实现( Hibernate Validator &#x…

程序员应该如何才能买房?

前段时间对象问我应该在哪买房,我的意见是现在一个小的城市搞个刚需房,后面可以再换个一线的大房子,后来她的建议是在工作附近搞一套,这样不用一边工作一边还房贷。无奈只能咨询各位大咖。看完这个大佬的经历,发现好多…

css规则的样式构成,Css 基本的规则写法

样式表的写法:css的语法由一些标志构成,就是一个基本的样式表由选择器,属性和属性值构成。Css有标准的写法规则标准的css写法:h1 {Font-family:黑体;}h1:表示选择符Font-family:表示属性,这里的作用是定义字体"黑…

nginx 虚拟主机

环境:2台web服务器,1台nginx服务器,1台客户端 1、配置2台web服务器(关闭iptables,关闭selinux) yum -y install httpd service httpd start exho "192.168.1.10" > /var/www/html/index.html exho "192.168.1.100"…

小程序开发从0到1

公司最近也想做小程序,简单梳理了一下,希望能给新人带来一点启发。 话不多说,直接上干货。 不是码农也想开发的直接采用混合式开发的方案,查漏补缺,用模板肯定会有点生硬,想走的更远建议还是采用原生开发的…

王者荣耀服务器维护啥时候结束,王者荣耀维护几点结束今天?11月10日维护公告...

王者荣耀维护今天几点结束?今天王者荣耀要进行全服的维护了,到时候服务器会选择性的轮流更新,到时候会有玩家登不上游戏,这都是正常的。这次的维护时间非常短只有一个半小时,不过你运气好的话,你的区域会优…

apache.camel_Apache Camel 2.9发布–十大变化

apache.camel在2011年的最后一天,阿帕奇骆驼制品被成功地推到了Maven仓库中,距离香槟酒瓶破裂并进入2012年仅1.5个小时。 2.9版是创纪录的发行版,自5个月前发布2.8版以来,已解决了约500张JIRA票证。 以下是10个最明显的改进和新功…

配置mysql使其允许外部ip进行登录

这两天在做一个数据库的项目,用到了mysql,需要通过外部的ip远程访问mysql,发现默认的mysql是不允许远程访问的,需要做简单的配置。 如下: 1. 打开一个终端(cmd)输入 mysql -u用户名 -p密码 #&am…

javaScript入门基础说明

JavaScript 教程 JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都使用 JavaScript。 JavaScript 非常容易学,本教程将教你打开 JavaScript 的大门 浏览器中的 JavaScript 能做什么? 现代的 JavaScript 是一种“安全”语言。 它不提供对内存…

ActiveMQ作为Logstash的消息代理

扩展Logstash时,通常会添加一个消息代理,该消息代理用于在一个或多个Logstash节点处理传入消息之前临时缓冲传入的消息。 数据通过像Beaver这样的发运人推送到代理, Beaver读取日志文件并将每个事件发送到代理。 或者,应用程序可以…

mysql 索引- 笔记

索引 mysql最常用的索引结构是btree(O(log(n))),但是总有一些情况下我们为了更好的性能希望能使用别的类型的索引。hash就是其中一种选择,例如我们在通过用户名检索用户id的时候,他们总是一对一的关系,用到的操作符只是而已&#…

在编译器中鼠标光标变成下横线的解决办法

适用于各种智能编译器,HB-X,VSCode,ST3,IDEA等。 问题: 按一下键盘上的,insert 键。

java自定义序列化_Java中的自定义国际化(i18n)

java自定义序列化国际化(i18n)在我们的软件项目中非常重要。 它主要带来以下好处: 将UI字符串外部化为代码文件以外的外部文件,以及易于管理的UI内容。 支持多种语言。 在这篇文章中,将为Eclipse和Java项目提供一个i…

如何科学高效的学习Web前端开发?

近几年,web前端开发工程师越来越火了,薪资待遇也快接近后端开发工程师了。很多准备入行前端开发工程师的小伙伴们,不知道准备得怎么样了呢? 有的朋友在想方设法的学习,争取在年后的金九银十能靠实力找到一份满意的工作!有的小伙伴在准备准备回家过个团圆年,来年再战!还有…

Apache Drill:如何创建新功能?

Apache Drill允许用户使用ANSI SQL探索任何类型的数据。 这很棒,但是Drill的作用远远不止于此,它允许您创建自定义函数来扩展查询引擎。 这些自定义功能具有任何Drill基本操作的所有性能,但是允许执行这些性能会使编写这些功能比您期望的要复…

Json的访问

JSON:JavaScript 对象表示法(JavaScript Object Notation) 写法:名称/值对 访问方法:可以通过 data.名称 访问,也可以通过 data[名称] 访问 注意:名称加不加引号都可以,但是加引号安…

让一个文字在背景图片水平居中的方法

最近工作中在做那个可视化大屏&#xff0c;图中用到了大量的装饰图片&#xff0c;下面看一下文字怎么在图片中水平居中。 这个方法比较好用&#xff0c;其他的方法嵌入太多可能不是特别好使&#xff0c;尤其嵌入到多个框架中。 html <!DOCTYPE html> <html><h…

Objective-C中,ARC下的 strong和weak指针原理解释

Objective-C中&#xff0c;ARC下的 strong和weak指针原理解释 提示&#xff1a;本文中所说的"实例变量"即是"成员变量"&#xff0c;"局部变量"即是"本地变量" 一、简介 ARC是自iOS 5之后增加的新特性&#xff0c;完全消除了手动管理内…

elementui去掉表格所有边框

/deep/.el-table {border: 0;th,tr,td{border: 0;background-color: #fff;}&::before {height: 0px;}&::after {width: 0;}.el-table__fixed:before {height: 0;}}

cdi 2.7.5_集成测试CDI 1.0和Spring 3.1中的作用域bean

cdi 2.7.5在这篇博客文章中&#xff0c;我描述了如何在Spring和CDI中使用作用域bean进行集成测试。 一切都用小代码示例进行说明。 使用范围进行集成测试并不是特别容易。 想象一下存在于会话范围内的bean&#xff0c;例如UserCredentials 。 在集成测试中&#xff0c;通常没有…