html中的width,%和px能不能混合使用

html中的width,%和px能不能混合使用,第1张

两者是可以混用的,只要不要混淆它们的意思就行。

width="80%" 是针对它父容器宽度的百分之80,而width="80"是宽度就是80px(像素)。

补充:

按百分比来规定宽度是相对于其父容器的宽度,比如一个大的表格(宽度200px)中里建立一个小表格,如果写width="80%",那这个小表格的宽度就为160px,如果写的width="80"

那这个小表格的宽度就是80px。

三种方法

第一种,上下居中文字:

方法是使用line-height,因为line-height就是用来定义文字行与行之间的距离,所以定义文字框的line-height等于框的高度可以让文字上下居中.

h1 {  

   font-size: 3em  

   height: 100px  

   line-height: 100px  

   }

第二种,非文字的上下居中:

使用absolute positioning,需要注意的是这个方法只能在框有定义好的高度才能工作. 不适合动态高度的框.

 .vert {

width: 580px

height: 190px

position: absolute

top: 50%

left: 50%

margin: -95px 0 0 -290px

        }

第三种方法:

#floater {float:left height:50% margin-bottom:-120px}

#content {clear:both height:240px position:relative}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6135114.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-16
下一篇2023-03-16

发表评论

登录后才能评论

评论列表(0条)

    保存