kzen.dev
  • Frågor
  • Taggar
  • Användare
Meddelanden
Belöningar
Registrering
När du har registrerat dig kommer du att få information om svar och kommentarer på dina frågor.
Logga in
Om du redan har ett konto loggar du in för att kontrollera nya meddelanden.
Det kommer att finnas belöningar för frågor, svar och kommentarer.
Mer
Källa
Redigera
 Shimmy
Shimmy
Question

Hur man anpassar en <div> till sidans mitt (horisontellt/bredd)

Jag har en div-tagg med width inställd på 800 pixlar. När webbläsarens bredd är större än 800 pixlar ska div inte sträcka ut den, utan den ska flyttas till sidans mitt.

804 2009-06-05T01:44:38+00:00 3
Peter Mortensen
Peter Mortensen
Redigerad fråga 2019ör mars 2019 в 10:51
Programmering
html
css
center
alignment
Popular videos
JavaScript for Web Apps, by Tomas Reimers and Mike Rizzo
JavaScript for Web Apps, by Tomas Reimers and Mike Rizzo
för 9 år sedan
Responsive Design with Bootstrap by Neel Mehta
Responsive Design with Bootstrap by Neel Mehta
för 6 år sedan
Tutorial Autodesk Autocad Civil 3D 2021 | Bahasa Indonesia | Lengkap Untuk Pemula
Tutorial Autodesk Autocad Civil 3D 2021 | Bahasa Indonesia | Lengkap Untuk Pemula
för 1 år sedan
How to make horizontal scroll item - CSS Tricks
How to make horizontal scroll item - CSS Tricks
för 3 år sedan
Ruby On Rails, by Gabriel Guimaraes
Ruby On Rails, by Gabriel Guimaraes
för 9 år sedan
Introducing Divs and controlling them with classes and ids
Introducing Divs and controlling them with classes and ids
för 9 år sedan
Perfect vertical and horizontal centering for text within divs
Perfect vertical and horizontal centering for text within divs
för 5 år sedan
شرح عنصر DIV في لغة HTML5
شرح عنصر DIV في لغة HTML5
för 3 år sedan
How to add background image using div tag || add background image with div tag
How to add background image using div tag || add background image with div tag
för 3 år sedan
HTML Page Width and Height Settings | CSS Full Screen Size
HTML Page Width and Height Settings | CSS Full Screen Size
för 2 år sedan
How to Center align a div any screen height and width using css 2019
How to Center align a div any screen height and width using css 2019
för 4 år sedan
How to place an element center to its parent div
How to place an element center to its parent div
för 2 år sedan
EnsV 3. hooaeg, 2. osa: Auto
EnsV 3. hooaeg, 2. osa: Auto
för 1 år sedan
09.Div HTML Tag||Part-9||step by Step HTML Tutorials
09.Div HTML Tag||Part-9||step by Step HTML Tutorials
för 1 år sedan
HTML/CSS - DIV Padding - A &quot;NEW&quot; Behavior
HTML/CSS - DIV Padding - A "NEW" Behavior
för 3 år sedan
Hur multiplikation och division hänger ihop
Hur multiplikation och division hänger ihop
för 4 år sedan
HTML Text Formatting, HTML Video &amp; audio, div element and validate your code
HTML Text Formatting, HTML Video & audio, div element and validate your code
för 3 år sedan
How to center a DIV or any elements [Trick- 1] || HTML , CSS
How to center a DIV or any elements [Trick- 1] || HTML , CSS
för 2 år sedan
CSS TUTORIAL PART 4 (DECORATE HTML DIV (BLOCK) ELEMENT)
CSS TUTORIAL PART 4 (DECORATE HTML DIV (BLOCK) ELEMENT)
för 4 år sedan
css tutorial for beginners | cascading style Sheet | div and span tag in detail | in hindi | css
css tutorial for beginners | cascading style Sheet | div and span tag in detail | in hindi | css
för 3 år sedan
CSS Transforms | Scale Method | Zoom in or Zoom out div
CSS Transforms | Scale Method | Zoom in or Zoom out div
för 3 år sedan
Horizontally Center A Div Within Another Div Using CSS With 100% Width
Horizontally Center A Div Within Another Div Using CSS With 100% Width
för 7 år sedan
Como hacer Responsive Design | Codigo para una Pagina Responsive
Como hacer Responsive Design | Codigo para una Pagina Responsive
för 7 år sedan
Föreläsning kmom01 design med Mikael
Föreläsning kmom01 design med Mikael
för 3 år sedan
FM17 Features | Football Manager 2017
FM17 Features | Football Manager 2017
för 6 år sedan
« Föregående
Nästa »
Den här frågan har 1 svar på engelska, för att läsa dem logga in på ditt konto.
Solution / Answer
 AgileJon
AgileJon
2009ör juni 2009 в 1:49
2009-06-05T01:49:10+00:00
Mer
Källa
Redigera
#9131547
<body>
    <div style="width:800px; margin:0 auto;">
        centered content
    </div>
</body>
 thirtydot
thirtydot
Redigerat svar 2012ör mars 2012 в 4:48
1065
0
Tomas Aschan
Tomas Aschan
2009ör juni 2009 в 1:47
2009-06-05T01:47:42+00:00
Mer
Källa
Redigera
#9131546
  1. Menar du att du vill centrera den vertikalt eller horisontellt? Du sa att du specificerade height till 800 pixlar och ville att div:en inte skulle sträcka sig när width var större än så...

  2. För att centrera horisontellt kan du använda attributet margin: auto; i CSS. Dessutom måste du se till att elementen body och html inte har någon marginal eller padding:

html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
Peter Mortensen
Peter Mortensen
Redigerat svar 2019ör mars 2019 в 10:53
59
0
Kevin Dungs
Kevin Dungs
2009ör juni 2009 в 7:54
2009-06-05T07:54:07+00:00
Mer
Källa
Redigera
#9131548

För att få den att fungera korrekt även i Internet Explorer 6 måste du göra så här:

HTML

<body>
    <div class="centered">
        centered content
    </div>
</body>

CSS

body {
    margin: 0;
    padding: 0;
    text-align: center; /* !!! */
}

.centered {
    margin: 0 auto;
    text-align: left;
    width: 800px;
}
Peter Mortensen
Peter Mortensen
Redigerat svar 2019ör mars 2019 в 10:53
39
0
Lägg till en fråga
Kategorier
Alla
Teknik
Kultur / fritid
Livet / Konst
Vetenskap
Professionell
Företag
Användare
Alla
Ny
Populära
1
Daniel Gogov
Registrerad för 6 dagar sedan
2
工藤 芳則
Registrerad för 1 vecka sedan
3
Ирина Беляева
Registrerad för 2 veckor sedan
4
Darya Arsenyeva
Registrerad för 2 veckor sedan
5
anyta nuam-nuam (LapuSiK)
Registrerad för 2 veckor sedan
BG
DA
DE
EL
ES
FI
FR
ID
IT
JA
KO
NL
NO
PT
RO
RU
SK
SL
SV
TR
UK
ZH
© kzen.dev 2023
Källa
stackoverflow.com
under licens cc by-sa 3.0 med angivande av