diff --git a/pages/CSS/overflow/overflow.uvue b/pages/CSS/overflow/overflow.uvue index 982676cae74cbacecc53450f7c6bc17168187814..0837fc059e6b8a8da311c6c643cd324ad589e49b 100644 --- a/pages/CSS/overflow/overflow.uvue +++ b/pages/CSS/overflow/overflow.uvue @@ -2,41 +2,57 @@ - overflow=hidden效果 子元素是view + overflow=hidden效果子元素是view border圆角 - + - - overflow=visible效果 子元素是view + + + overflow=hidden效果 子元素是view border边框 + + + + + + + overflow=visible效果 子元素是view border圆角 - + - + + + overflow=visible效果 子元素是view border边框 + + + + + + overflow=hidden效果 子元素是text - + ABCDEFG overflow=visible效果 子元素是text - + ABCDEFG overflow=hidden效果 子元素是image - + overflow=visible效果 子元素是image - + @@ -70,20 +86,37 @@ align-items: center; } - .box-hidden { + .box-hidden-border-radius { width: 100px; height: 100px; border-radius: 20px; overflow: hidden; background-color: green; + } + + .box-hidden-border-width { + width: 100px; + height: 100px; + border-width: 2px; + border-style: solid; + background-color: green; } - .box-visible { + .box-visible-border-radius { width: 100px; height: 100px; border-radius: 20px; overflow: visible; background-color: green; + } + + .box-visible-border-width { + width: 100px; + height: 100px; + border-width: 2px; + border-style: solid; + overflow: visible; + background-color: green; } .text1 {