如何获取单元格父元素宽度_CSS 高度与宽度

d09911df1a408a5ac0d791c93854cbde.png

90bcb1118f59b8bd8785f35b964b0803.png
上面块级元素,下面inline元素

e18d2b02a02614bd02a89932903b5bb1.png

1.宽度与高度

字和字之间通过基线对齐

如果在<div>里写一个1,默认高度高度由字体设计决定

text-align:justify多行时使得两边对齐

文字两端对齐

a11a9af53d96e6e19da1284f80a5f009.png

9a0be380b3261c284bca905f371319b6.png

去掉蓝线,强制行高,再overflow:hidden

1ec6c70c3582b30dd6d242c296a98bc9.png

34b693a503b985038023b621286e1c5a.png

多行文本溢出省略(搜索css multi line text ellipsis)

852567e1c30065cad20ba4d10b5e9a48.png

0e2a458392a766ee38bacef1868cda58.png

一行文本溢出

57ec4b011e90d7fcab7990218700de29.png

文字垂直居中设置line-height和padding不要设置height

text-aligin:center水平居中

982ffecf6d433ec9e7fde9c1a9416e6f.png

90d0fa2964f13a85f0776689468814a1.png

9bb75620ebbced8444823de5fbc87cfa.png

47b5d5a2b7ab5213ee8fca4b1a9654c1.png

如果变成outline

9414615b21abdaa93b8d09647ba7ad82.png

如果父元素没有什么挡住margin,那么儿子外边距就会和父元素合并

如果div包含一个div那么外面包含的div高度由里面div+padding+margin(看情况)决定

总结:div的高度由其内部文档流中元素的总和决定(内联元素从左到右,块级元素从上到下)

脱离文档流(算高度不算上我)

3cbf86adc90de5391589a82ed00a9065.png
用float

260c9fd5aa26a42ea0d630727a63a515.png

35c3d225f9c75943887f3166f5eef2c0.png

6b1002f431086897e1ed434652eb04e2.png

div里的div如何垂直居中

01e6d8bbe53207a627f0b841ab20b72b.png
垂直居中

44e2d6fa8884827399433e44b66ba93f.png

5be6a8197f1b25fccf94ed25c41c0a51.png

1ae52571944b2229b98ddfb9aa40fa17.png

11d7769ff437ea379132c881a4f86213.png

1a846c3cfec15aac7e7b31dd4b48d4d4.png

一比一的div

af2c57d982cc4bf61f4b973ae0e4be51.png
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值