repeat-y_repeat repeat

(1) 2024-08-13 08:23

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说
repeat-y_repeat repeat,希望能够帮助你!!!。

repeat-y_repeat repeat_https://bianchenghao6.com/blog__第1张(图1.2 text.png)

假如div (id='text')是一个文本框,text.png是他的背景图,但是这个背景图就100*200px这莫大。

但是我们要让div的宽度随着文本框的字数增加而增加,那么问题来了,突然发现背景图不够长,怎么办?

解决方法:

 我们可以把这个背景图切为3份,左边带边框的一份 a, 中间的一份b,带箭头的一份c;

在div(id="text")的div中添加3个小div,分别我leftDiv,middleDiv,rightDiv,3个div的背景图分别为背景图a,b,c

设置middleDiv的background属性值 repeat-x(平铺);然后设置middleDiv的min-width就是可实现div变宽后,背景图任然正常显示。

 

(如有错误的地方或更好的解决办法,希望批评指正)。

(滴水穿石)

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

上一篇

已是最后文章

下一篇

已是最新文章

发表回复