css文字溢出容器处理、背景图片处理

文本溢出所在容器处理方式

单行文本溢出:对应容器中利用css"三件套"来解决此问题,只需要在此容器的css样式设计上加

white-space :nowrap;   overflow:hidden;   text-voerflow:ellipsis;   即可实现溢出部分用...显示

多行文本溢出:做截断处理,将容器的高设置为容器行高的几倍则就能控制这个容器能显示几行文本。

背景图片处理

选中所要加背景图片的容器,通过background-image:url(图片路径);来设置背景图片

                                                background-size:npx npx;来设置图片大小,如果图片大小不足以整个填充此容器

                                     则可以通过background-repeat:repeat;来设置铺满整个容器,不过一般情况下此值都设置为no-repeat.

                                        background-position:center center;设置居中,两个值可以为像素 也可以为top bottom left right center 任意一个.     

当CSS样式加载不出来时有些代替文字的图片如何处理

容器高设为0  将padding-top设为之前的容器高  另背景图片在padding中显示,设置overflow:hidden ,即加载css样式的时候容器中的文字隐藏,不加载时只显示文字


——————————————————————————————————————————

行级元素只能嵌套行级元素

块级元素可以嵌套任意元素(p标签中不允许嵌套div)

a标签中不允许嵌套a标签

猜你喜欢

转载自blog.csdn.net/m2606707610/article/details/80760542