css is as high as the right element. How to center vertically?
effect
span:nth-child(1){}
but how to center vertically?
css is as high as the right element. How to center vertically?
effect
span:nth-child(1){}
but how to center vertically?
this can be classified as a multi-column contour problem. In fact, you want to achieve two columns of equal height, it is not necessarily the same height, but the space height of the left and right columns of color seems to be the same.
the solution you have given above can be regarded as one, and there are some other ingenious solutions. You can poke this DEMO to see:
https://github.com/chokcoco/C.
.isn't it easy to do it with table?
you use display:flex to make a contour layout, or it is difficult to set it in the middle.
//
display: flex;
align-items: center;disadvantage: css3 needs to be supported.
this is a very standard form
can be achieved directly with table , and the compatibility is good
can be laid out with flex, compatible with low-end computers with autoprefixer, this is the online address
add
display:table-cell;
vertical-align: middle;
as shown in the red box of the second picture, is there any recommendation for this plug-in? Thank you. the screenshot is uploaded, so let s just look at it. nothing can be found in vueawesome. ...
A picture grows slowly when it slides up to a certain extent. Why does it bring out a line that has been entangled all night? I can t find the reason. ...
my Q starts from scratch, but I want him to write ti+= < p claqss= "title-count " > has answered 8 questions + Q claqss= "title-count " > answered 1 question correctly; wrote like this: ti+= < p claqss= "title-count " > answered 8 questions + Q...
try the events and methods of jqgrid api, are useless, ask the boss what good methods are available ...
the new project found that testing the drop-down on chrome will refresh the page look at Mobile Taobao s implementation of the drop-down and do not know how to achieve it ...
...
does the use of font-family in the pc page css cause font infringement ...
I found a js code from the Internet to calculate the time difference effect is that we have been together xx days xx xx minutes xx seconds problem is that this time will not change only enter the web page after refreshing to keep the same value so I...
recently read the front-end https: www.w3cplus.com mobil. this article, feel very troublesome, why not learn Android ...
Why does the problem of redirection occur when using ajax to request other websites $.ajax({ url:"https: www.baidu.com", type: GET , headers:{ Access-Control-Allow-Origin : * ...
canvas draws multiple ball collisions on the canvas. How can I add a click event to the ball? as far as I know, adding an event to the canvas actually gets an area on the canvas to fix an event? Is it true that the ball can not be added if it keeps ch...
demand is 1: 15 days after the current time is banned, 2: the date range can only be within 7 days. If the start time is the 2nd, the end time cannot be greater than the 8th, and the rest display mouse display is disabled . have you ever done it, ...
how to upload a preview of a single image in react. For mobile, ant design is used. mobile framework is just a novice, can give a specific code ...
figure 1 shows the effect of modifying the scroll bar style code in figure 2 , but you can see that there is still a color area on the left that is the default width of the scroll bar excuse me, how to cancel this part ...
submit=(e)=>{ e.preventDefault(); let value=this.props.form.getFieldValue( key )+this.props.from.getFieldValue( replytext ); alert(value); } render() { const { getFieldProps } = this.props.form; ret...
routing: < Route path= " datareport :name " component= {ReportIndex} > < Route > ; receive: `componentWillMount () { document.title=""+this.props.params.name; }` access: Why does http: localhost:3000 datareport 3 make an error sayi...
Yes, it s me again, the one who made the lowest mistake last time. The problem is this: wants to put two vertical bars in the middle of the three a tags, like the navigation bar. After I set the style, I found that the two bars that act as vertical ...
compatibility of Xiaomi browser and uc mobile browser is shown in figure ,uc,uc, . css .price {font-size:22px;color:-sharpF79200;text-align:center;width:90px;margin:0 auto;height:30px;position:relative;padding-left:6px;} .pricon {width:16px;height:...
dva creates a project, what are the specific functions of those configuration files how to use ant design mobile in it ...
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=...