set the minimum width of the div with min-width to center the div, but always inherit the width of the parent element, so that the content is always displayed on the left. How can you not inherit the width of the parent element
set the minimum width of the div with min-width to center the div, but always inherit the width of the parent element, so that the content is always displayed on the left. How can you not inherit the width of the parent element
you can use inline-block to achieve content adaptation;
parent element directly text-align:center to center the child element of display:inline-block ;
child element to center the content through text-align:center ;
at this time, the child element div will not inherit the width of the parent element. If the
content is removed, it can be handled separately, but not handled here.
example
min-width means "minimum width", so if the parent element is wider, as a block element, it must be as wide as the parent element.
there are many options for centring layout. I don't know your specific needs. Please use this for the time being:
The min-width property is not used to set the width.
under the default rule of document flow: block-level elements support the maximum width of a line in the document stream and inherit the width of their parents by default, while the width of inline elements is the width of their child elements (do not populate inline elements with block-level elements).
then you can change the width of the block-level element by changing the attributes of the block-level element, such as explicitly specifying width or detaching it from the document flow, such as float.
Previous: The reserved scrolling distance for vue-router is invalid?
Next: How does mysql sort iteratively based on the value of a field?
We are Mini Program s project. To get the code logged in by Wechat, request the backend api to get the sessionkey. But if it is a concurrent request, if it happens to expire at this time, and several requests go to get the sessionkey at the same time, t...
Mobile phone number input box, set to 6005 1078 to automatically add spaces question: [when you need to modify the number (6005), the cursor will jump to the end of the number immediately after deleting the number] demand: [after deleting the number, ...
I set the parent element to relative and the child element position to absolute positioning, but why does the font position change relative to the background when I zoom in and out? In the screenshot below, you can see the zoom in and out of the page, a...
at first I didn t write the CSS and HTML of the main area the following code is the sidebar CSS, page effect as shown in figure 2 main ...
using ionic, I want to write a tab switch, which can be regarded as secondary navigation. I got a component and wrote < ion-header > . < ion-navbar > <button ion-button icon-only menuToggle> <ion-icon name="menu">< ion-icon...
The responsive layout used in finds out how to get the height at the top of the browser by using the following methods on the mobile browser. Can t you use these in mobile browsers? my Orbon mobile browser document.body.scrollTop document.body.clientH...
has encountered a need to strictly distinguish the device information of users who visit the website (such as operating system, browser, etc.). Because there are some browsers that can disguise userAgent, I am afraid we cannot use userAgent to distinguis...
I want to make a music playback progress bar according to the music playback time, but ontimeupdate will get one card each time it updates the time. How can it increase the time smoothly? The following is an example from the rookie tutorial. The value o...
after trying onbeforeunload, I don t seem to be able to do it. Is there anything I can do about it? ...
...
there is usually a fixed process when developing a SPA like Vue, such as scaffolding to generate npm dependencies, then install dependencies, personalize Webpack configuration, jslint configuration, and then start writing components and so on. what ar...
...
Don t talk nonsense, look at the picture find a solution. ...
recently, the company is going to write WeChat Mini Programs, which is all written in the grammar of the original sound Mini Program. I recently heard that mpvue, is very popular, and decided to learn. I can want to write the original WeChat Mini Program...
what custom form plug-ins have you used? Like a lightning strike net? ...
because there is a loop, this.ip becomes undefined,. How to change the this to ...
{ "type ": 3, "errorcode ": 0, "message ": "View Index " or its master view not found, or there is no location where the view engine supports search. Search the following locations: rn~ Areas SystemManage Views SystemHome Index.aspx rn~ Areas Syste...
There are multiple CheckBox, on the page. Select one to load a component and uncheck to delete a component. ? Select one to load one video, uncheck and delete one, and select a maximum of 9. The data given by the background CheckBox is uncertain. It ...
I npm installed quill rich text, local operation, display and function are normal. After packaging, after the dist is sent to the test server, the rich text will not be displayed, and the click will report an error. I don t know what the reason is. ...
...