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...
for example, I use netty to write to the server, use simple Socket to simulate the client, and send data to the server like this: bos.write(data); bos.flush(); in this way, there is a problem. When the time interval between sending data from the clien...
something like this: picStr = "<div>" + " <a href= front images img_1.jpg th:href= @{ front images img_1.jpg} >< a>" + "< div>""; but it seems that th doesn t work he...
using the background, when using the component to customize the table in the vue-admin framework, I want to add a button to the table and implement the dialog form through buttons. Due to functional requirements, I need different pages and different dia...
the login page is hidden under the app.vue and path, and a logout exit button is placed in the top menu of menu, that is, no matter which page you go to, you can log in (when you are not logged in) and exit (you have logged in). after clicking the log...
using Vue to report an error [Vue warn]: Error in nextTick: "TypeError: fn.bind is not a function " page cannot be entered. ...