<div class="header">
<span class="something"></span>
</div>.header {
margin-top: 40px;
width: 100%;
height: 62px;
position: relative;
overflow: hidden;
& > .something {
font-size: 20px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
} before absolute positioning is not used:
:
how can I achieve my goal? Thank you.
because you set left: 50% , the default div width is only 50%.
and the content happens to be all in Chinese, and there can be line breaks in the middle of each character, so the line breaks are done by default.
set css not to allow line breaks.
display:block;
text-align:center
as shown in the figure above, use css to make a magnification effect when a mouse passes over a square, but as soon as you enlarge a square, the square next to it will be squeezed out or squeezed into the next row. Is there any way to fix the enlarge...
when converting fonts (using iconmoon), the following error is found, and some svg cannot be displayed after conversion I wonder if there is something wrong with the svg designed for me. < polyline> < g> < g> < g&g...
wrote a css mask, which is similar to the effect of the bootstrap pop-up window <div class="alert-container"> <div class="alert-content">< div> < div> set the css of alert-container to position: fixed; ...
I noticed that my table is out of balance I class tab is set but I want to customize each length but how I set it can t match the size, uncontrollable how do you explain this?! ...
want to find an example of a list click on a list of Tibetan dishes that can click on the right button to appear to the left and then go back to the right when you take it back I don t know what keywords to use to check what is the name of this tec...
<button class="add_tab_v2" onclick="location.href= xxx.php ;">< button> $(".add_tab_v2").click(function(e) { $(".add_tab_v2").html("<img class= iconBack src= images loading_v2.svg >...
I have made an one-time dynamic effect, and there is no way to change it back to recycling. I read the official vue documentation and couldn t find the method I wanted. <!DOCTYPE html> <html lang="en"> <head> <meta ...
1, as shown in the picture, various immortals, help how to use css3 to draw the following wave line part, are there any relevant examples or ideas. 2, Thank you very much! ...
.table_upgrade_works { width: 100%; border-collapse: collapse; } .table_upgrade_works td { table-layout: fixed; word-break: break-all; border-bottom: 1px solid -sharpccc; font-size: 13px; text-align: center; } .table_upgrade_works td :nth-c...
in css, when writing a Chinese character in a container with a fixed height, I most often use the same height and row height settings to deal with it. Recently, I found a problem and don t know how to deal with it. style (the most basic page, only on...
there is a div section that I want him to use when using his mobile phone. when the content exceeds the limit of the mobile phone, it can realize left and right sliding. Is there any common way to achieve this function? is there any common way to achie...
https: www.airbnb.com.tw s r. how is this effect realized? is that there is a background color (gray) when the film does not appear, and then show the film when the film is finished. The gray background disappears and there is no sense of harmony at...
div displays the file name, and x is the I tag. Now when the mouse is over I, I need to modify the background color of div, but there is no way to select the previous element, , or can I select the first child element div in the parent div ...
<button class="btn anviz-btn-primary footer-search-btn" data-class=""><i class="footer-icon icon-more_line">< i>< button> <button class="btn anviz-btn-primary footer-search-btn" data-clas...
how to achieve the upper, middle and lower layout of css. When the height is not enough, the footer is fixed at the bottom, such as the scroll bar appears (the height is larger and the), footer and body parts scroll down together? A section has been f...
need to be able to doodle pictures on the phone, undo, empty, and can be saved as a new picture, download or send with write mindset exploded, ask for components! ...
I want to add a gradient of background color from left to right for each row of (tr) in the table. appears normally in Google browser, as shown in the following figure Safari(td), Code: <!DOCTYPE html> <html lang="en"> <...
.panel-body span{ display: block; letter-spacing:1px; margin: 2px 0; width:fit-content; } .innerPanel{ float: left; width: 25%; word-wrap: break-word; height: 150px; } .panelBody{ padding: 0px; } .panel-heading{ t...
selecting any div will display a degree of 980 and a design of 750. I don t know where the degree is fixed. want to know why the degree is out of control. there is no shadow position in css ...
<img class="previewer-demo-img" v-for="(src11,i) of item.images" :src="src11" alt="" :key="i"> because you want to present a picture in the ninth house format of Wechat s moments, but the origi...