css-多行文字固定高度垂直居中（ie6.7.8.9 chrome ff）

最新推荐文章于 2024-08-02 22:01:24 发布

school11

最新推荐文章于 2024-08-02 22:01:24 发布

阅读量425

点赞数

分类专栏： firefox ie chrome css 兼容

firefox ie chrome css 兼容专栏收录该内容

3 篇文章 0 订阅

订阅专栏

 
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
 <head>  
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />  
     <title></title>  
 </head>  
 <style type="text/css">  
     *{padding: 0;margin: 0;}  
     .box{width: 400px;height: 400px;border: solid 5px red;}  
     .txt,.bug{display: inline-block;vertical-align: middle;*display:inline;zoom:1;}  
     .txt{}  
     .bug{height: 100%;width: 1px;}  
 </style>  
 <body>  
     <div class="box">  
         <p class="txt">你妹啊妹啊<br>你妹啊妹啊</p>  
         <p class="bug"></p>  
     </div>  
 </body>  
 </html>  
 

利用vertical-align居中的方法让文字相对于后面p标签一起居中

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

school11 CSDN认证博客专家 CSDN认证企业博客

码龄17年

9: 原创

45万+: 周排名

48万+: 总排名

5万+: 访问

: 等级

660: 积分

3: 粉丝

0: 获赞

3: 评论

13: 收藏

私信

关注

热门文章

分类专栏

最新评论

js之匿名函数及其应用
school11 回复 school11: 我们这里需要注意的是，每使用 new 创建出来的新对象都将开辟新的内存空间（新的一份copy），只要引用没有释放，那么该对象的占用的内存空间将不会被回收。那么如何避免过多浪费内存呢？一句话“释放引用”，只需要释放对该对象的所有引用，垃圾回收机制就会将该对象占用的内存空间回收。 var Hei = new HelloWorld('hello'); Hei.sayHello('Hello World'); Hei = null;//解除引用这样还要“手动”内存管理，麻烦。
js之匿名函数及其应用
school11 回复 school11: 如何让该模块在内存中只保留一份（copy）呢？请看下面一段代码复制代码 var HelloWorld = (function(){ var _getDom = function(Id){ return document.getElementById(Id) } var _sayHello = function(Id,str){ _getDom(Id).innerHTML = str; } return { getDom:_getDom, sayHello:_sayHello } }()) 复制代码使用方法 HelloWorld.sayHello('hello','hello text'); 是的,正如你所见到的,不需要 new 了。使用时不再需要创建新对象，也就是说我们只保持了该对象在内存中的一份引用，也就是HelloWorld 对它的引用。当 HelloWorld 对其引用解除时其所占用的内存将得到释放。上述代码实质上是一个匿名闭包。
js之匿名函数及其应用
school11: [code=html] <!DOCTYPE html> <html> <head> <title>Module</title> </head> <body> <div Id="hello"></div> <div Id="hi"></div> <script type="text/javascript"> var HelloWorld = function(objId){ var _get_dom = function(Id){ return document.getElementById(Id); } var _aim_obj = _get_dom(objId); var _say_hello = function(str){ _aim_obj.innerHTML = str; } return{ sayHello:_say_hello } } var Hei = new HelloWorld('hello'); Hei.sayHello('Hello World'); var Hei = new HelloWorld('hi'); Hei.sayHello('hi'); </script> </body> </html> [/code]

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。