problem description how to center two lines of text with unequal length and variable length in a div (without using js calculation) as shown in the following figure, text-align:center cannot be used directly because the length of the upper and lower...
.popup-num-layout font-size: 12px; padding: 0; line-height: 25px; background-color: -sharp177ce9; color: -sharpfff; border-radius: 50%; font-weight: 200; width: 30px; height: 30px; text-align: center; border...
Click the button on the right side of the bottom edge I use weui. It seems that the function of picker is similar. If you want to rewrite this function, which file of weui can you find? ...
I have tried the following useless --root { --Colors: red; } .container { color: var(--Colors); } is there another way to set variables? ...
has tried a lot of code, looking for two days, still did not solve, ask God to answer, thank you very much! affix the code that I wrote below, do not need to locate, use the positioning will head off, will go crazy. <template> <div class=...
I know that dpr = physical pixels independent pixels the first few are correct, such as 4max 4s, 5 5C 5S SE but when it comes to the back 7 7P 8, why is it wrong? The above formula is not valid? Why is this? I would like to ask the gods! shou...
the effect is shown in the figure: when you click, it displays a box that I use to show the hidden implementation, without animation. Now the product requires the box to be animated down when clicked and animated up when closed. How can this be re...
ransform: scale(1.1,1.3) perspective(0.5em) rotateX(2.2deg); perspective: 0.5em; transform: scale(1.1,1.3) rotateX(2.2deg); the effects of the two writing methods are different, what s the difference? ...
there are two blocks to use Collapse the first block expands by default, and the second preset puts it away The function is 1. Click the title of the first block to put the first block away, but also the second block as a whole 2. When you click o...
such as pages:[ "pages person person", "pages index index" ] that is, the initial page on the computer is person, , but after uploading to the trial version, the initial page is still index . have you ever encountered this...
<div class="feixue">< div> .feixue{ transform: perspective(0.5em) rotateX(10deg); transform-origin: bottom left; background: lightblue; display: inline-block; margin-bottom: 20px; } Code as above, the effe...
want to input this, continue to + 4 from 3 .test-3 {} .test-7 {} .test-11 {} .test-15 {} .test-19 {} .test-23 {} . it would be better if we could do this, but it feels a little more difficult .test-3 {} .test-4 {} .test-7 {} .test-8 {} ...
cssphpMpdfpdf ...
there is a background image in css, which is introduced as follows uses an alias as the path, but it still exists in the form of an alias after packaging and is not converted, but if it is packaged in this format, the image cannot be obtained normal...
want to use the mix-blend-mode:difference implementation in ccs3 to be red on a white background, but black on a red background. only this effect is close to ...
< lify-app > < lify-app > < div class= "preLoading " > <img class="preLoading__image" src= big.png > < div > lify-app:empty + .preLoading { opacity: 1; z-index: 100; } lify-app:empty + .preLoading .pre...
as shown in the following figure, display:flex;justify-content: space-arround;flex-wrap: wrap; is set, but the extra two div are not displayed to the left ...
how is css elastic layout compatible with ie browsers? adding these prefixes is useless display box display -webkit-box display -moz-box display -ms-flexbox display -webkit-flex display flex -webkit-justify-content flex-end -moz-justi...
add transition animation to the developed Vue project, which requires less changes, and can also provide cool effects (such as breaking , vortex gradually disappearing and other special effects). Do you have any good plans? 1 vue2-animate 2 an...
Shouldn t the safe-area-inset attribute be valuable only for phones with bangs? Today s test found that the style of iphone6 iphone6s was also affected by this. Why? padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-t...
get_productsList:function () { var _this=this; let sw = true; let adrObj = { path : misslove.path, page :1 } console.log(...
problem description window.cacheundefined the environmental background of the problems and what methods you have tried window.cacheswindow.caches related codes Please paste the code text below (do not replace the code with pictures) window.c...
such as the title, the development tool pycharm,python version 3.6 jpype0.6.3, the system win7. problem description: an error has been reported when debugging code snippets about jpype with pycharm, and the next step cannot be taken. Then it is strange...
The code in watch is very simple. A request takes data sets the immediate to enter the page and executes watch:{ post:{ handler(newValue,oldValue){ P.FilterData({"type":this.post.project}) ...
the layout scheme I use is this: mobile page adaptive solution-rem layout (advanced version, with source code example) width adaptation of mobile elements element width changes when the page is refreshed refreshes the page and does nothing else ...