in the case of writing css, two elements are arranged horizontally, such as the arrow and title in the figure. I wonder if flex can center them one to the right and the other
.the current method I use is that the parent element block and then the arrow is positioned relative to each other, the title is set wide, and margin 0 auto
I don"t know if you have any good ways to use
. 
you can add a third element and then hide it.
justify-content: space-between;add one more empty element
can be achieved by giving the icon on the left a width, and then setting
on the rightflex: 1;
text-align: center;so that the middle text is to the right, you can also add an element to the right, but hide it.
justify-content: space-between;
align-item:center;
add one more element,
-
simple and rude, add one more element, left, middle and right, the empty element on the right is the same width as the left,
Previous: New and old ts rely on compilation error report
Next: How to prevent Electron from overwriting a file after reinstallation
I got a set of data, which is to choose the type of question. How can I tell if I have chosen the right one answera: "Olympic Games " answerb: "Asian Games " answerc: "Paralympic Games " answerd: "University Games " id: "1772 " question: "f...
what is the current level of support for vw,vh layouts in mobile browsers? ...
apply the transform attribute to a div, and then click it to add a class name, which is also a transform, in the class, but then it moves relative to the original location. How to make her want to move for the current location? ...
modify the markdown file under the ant-design-pro-site site and use the relative path to introduce the picture in the markdowm file. attachment: the picture was originally introduced using the http path. <img src=". images 1.jpg" > ...
Icon shows the red part. Choose how to write the effect in css ....
I have two elements, a parent element and a child element. the parent element rotates N degrees. then I want to move the positioning of the child element, which moves relative to the parent element. how do I calculate the offset value. Let it move re...
there are many div elements with the same class= "demo " class name in the page, but not all of them are in the same parent element. How to use css to select the first div? whose class is demo ...
how to make the content of table not be centered vertically? you can set valign= "top " in html, then how to set it in element The table is centered vertically when it is stretched out, and the working hours are aligned with the one at 8 o clock . ...
error WARNING in configuration The mode option has not been set. Set mode option to development or production to enable defaults for this environment. WARNING in asset size limit: The following asset(s) exceed the recommended size limi...
visual studio what plug-in allows CSS style codes to be displayed from least to more? sort out from least to most as shown in the following figure ...
now you need to make a front-end page for ipad pro2. Ui gave the design drawing 2732 to 2048. Should my page be set to the same size ?...
the desired effect is as shown in the figure above <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title< title> <!--<link href="style.css" r...
JS: $(window).resize(function() { var Ha = $(".webuploader-wrap").width($(".webuploader-wrap").parent().width()); var Hb = Ha - Ha*0.2; $(".webuploader-wrap").height(Hb).width(Ha); $(".webuploader-wrap&q...
A static page is written on the computer, and the text and pictures are displayed vaguely under chrome. I can t bear to look directly at it, but it s okay to display it under Firefox. It is no problem for chrome to open other pages, just write this pag...
A rookie at the front end, get the UI picture and do the website. The following CSS Rem 12pxterCSS Rem 14pxtransCSS Rem 14px; , how on earth should I choose? my current understanding: `CSS Rem 12px;` width= 40rem; `CSS Rem 16px;` width= 30rem; ...
when the left scrolls to the bottom, sliding down causes the right to slide as well ...
I haven t done it. I want to know what the train of thought is . Does first store each section structure as a string, then scroll to the specified location, and execute the following code? is similar to paging loading, but the content and layout of ...
for example: < tr vmurfort = "item in Data " > <td class="red">{{item.td}}< td> < tr > Data = [td:12,td:14] what if I want to add a separate red style for td > 13? ...
this animation seems to be an animation with a height of 0 to 100%. How can it be realized? ...
<tr v-for="item in tableData"> <td :class="same">{{item.td}}< td> < tr> computed:{ same(){ let arr = ???.push( c ); return{ red: arr == [ a , c ] } } } here? It should be the dat...