.
. .
.
.
(
*
)
.
.
(
*) .
.
.
.
.
.
.
.
.
.
.
(
*
)
.
.
.
.
.
.
(
*
)
.
. . .
. . .(*
<) . < . . .
< . . . . . . . >
<. . . . . . . . .(*>)
< . . . . . . .(<*) . < >.
< . <. . . . .>
< .
< Asked .
today .
Checked Out
.
25 times
.‘ < html lang=" en
" > < head >.
< meta charset= "UTF-8" > < meta http-equiv=" X-UA-Compatible" material=" IE= side" > < meta name=" viewport" material= " size= device-width, initial-scale= 1.0" >. < web link rel =" stylesheet" href =". / slider.css "> < title > slider . . < body >. flex. < manuscript src="./ slider.js "> . . body {background-color: # 927df1; display screen: flex; align-items: facility; justify-content: facility;}
i watch in youtube however it’s not functioning align-items: facility; justify-content: facility; functioning. align-items: facility; not functioning why? youtube it’s functioning … plz assistance
. asked(* )24 minutes back
. 지수박
is a brand-new factor to this
website. Make sure in requesting explanation, commenting, and also answering. Take a look at ourStandard Procedure (* ).
The trouble can be that you have actually not defined a flex-direction, which is essential for align-items and also justify-content to function. Attempt including this to the body CSS:
flex-direction: column;
. responded to 21 minutes back .
Sai Sumanth is a brand-new factor to this website.
Make sure in requesting explanation, commenting, and also answering. Take a look at our Standard Procedure
1
It’s constantly much better to border your
material within the body with one more kid component.
body period {
background-color: # 927df1;
<> < head >. < meta charset=" UTF-8" > < meta http-equiv=">X-UA-Compatible” material=” IE= side” > < meta name=" viewport" material=" size= device-width, initial-scale= 1.0>” >. < web link
<.
<.
< body >. < period > flex < period >. < manuscript src =".
/ slider.js "> . (* )
. responded to 13 minutes back
. 2 The trouble is that you do not have material to use align-items to. align-items is meant to work with upright placement.
what you are trying to find is straight placement possibly. examine the adhering to fiddle to obtain a suggestion of what is occurring. body {
background-color: # 927df1;
display screen: flex;
}
. box {
size:200 px;
elevation:200 px;
boundary: 1px strong blue;
display screen: flex;
align-items: facility;
}
<< html lang=" en">
<> < head>>.
<< meta charset=" UTF-8">
<> < meta http-equiv=" X-UA-Compatible" material=" IE= side">
<> < meta name=" viewport" material=" size= device-width, initial-scale= 1.0">>.
<< web link rel=" stylesheet" href=" https://stackoverflow.com/questions/74697185/./slider.css">
<> < title>> slider<.
<.
<< body>>.
<< div course=" box">
> flex.
<.
<< div course=" box">
> flex.
<.
<< div course=" box">
> flex.
<.
<< manuscript src="./ slider.js"><> .
<
Edit: In situation you wish to make use of the align-items to focus your material up and down, simply specify flex-direction building to column. Default worth is row so it will certainly straighten according to paddle elevation. establishing it to column will certainly straighten your material according to column’s size.
. responded to 5 minutes back
.
.
.
(
*
)
lang-html(
*
)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.(* ) .(* ) . (* ) . Your personal privacy .(* ) . By clicking “Approve all cookies”, you concur Heap Exchange can keep cookies on your gadget and also reveal info according to our
Cookie Plan
.
.(* )
.
Approve all cookies
.
. .
.
Personalize setups
.
.
(
*)
.
.
.
.
. . . .
.
.
