html块级页面居中,几个并排div的CSS / HTML居中

我正在创建一个网站,需要将几块文本和图片放在一起.但我也希望他们能够集中精力.我正在为每个元素使用一个设置大小,所以如果有人调整屏幕大小,我希望我的页面不断更改彼此相邻的div数.通常我会使用float：left;为此,但这不会起作用,因为我希望我的页面以中间为中心.

所以看起来有点像这样：

________

|1 2 3 4|

| 5 6 |

|_______|

但是当我调整屏幕大小时,它看起来像这样：

______

|1 2 3|

|4 5 6|

|_____|

如果我放大,它看起来像这样：

___________

|1 2 3 4 5 |

| 6 |

|__________|

目前css看起来像这样：

div.child{

width:23%;

float:left;

height:600px;

padding:0px;

min-width:200px;

max-width:230px;

overflow:hidden;

text-align:center;

border-style:solid;

border-width:5px;

overflow:visible;

display:inline-block;

}

和

div.parrent{

padding:0px;

border-style:solid;

border-top-style:solid;

border-width:5px;

overflow:hidden;

text-align:center;

}

有人有任何提示吗？

html块级页面居中,几个并排div的CSS / HTML居中相关推荐

文档流及其特性块级元素与行内元素的区别浮动的清除方法（解决浮动塌陷）
标准文档流 web页面的制作,是一个"流",必须从上到下,像是"织毛衣". 标准文档流的特性 1.空白折叠现象无论有多少个空格,换行,tab,都会折叠成一个空 ...
html标签的显示模式（块级标签，行内标签，行内块标签）（转）
html标签的显示模式(块级标签,行内标签,行内块标签) 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用, ...
HTML基础，块级元素/行内元素/行内块元素辨析【2分钟掌握】
根据标签元素的特点可以将元素分为三类:块级元素,行内元素,行内块元素块级元素特点: 可以设定宽度和高度独自占用一行默认宽度是父元素的宽度,默认的高度是内容高度. 常见的块级元素有哪些?div p ...
外边距的典型应用-让块级盒子水平居中(HTML、CSS)
外边距的典型应用-让块级盒子水平居中(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><m ...
html标签的显示模式（块级标签，行内标签，行内块标签）
今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用,比如宽.高.水平居中等,其实这个属性的使用只有在块级标签上 ...
html 盒子模型添加图片,[HTML/CSS]盒子模型，块级元素和行内元素
目录概述在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项目中,曾经也弄过从前端布局,也吃过这方面的亏.今天, ...
p元素嵌套块级元素失效问题
日志 <body><p><span>Lorem, ipsum dolor.</span><div><span>Lorem, ip ...
前端基础——双单标签、行内块级元素、路径、常用标签
一.单标签和双标签: 在HTML基础中,单标签就是由一个标签组成的. 例如<br>.<hr>.<img>.<input>.<param>.& ...
行内元素、块级元素和行内块元素
HTML 可以将元素分类方式分为行内元素.块级元素和行内块元素. 使用display属性能够将三者任意转换: display:inline;// 转换为行内元素 display:block;// 转换 ...

html块级页面居中,几个并排div的CSS / HTML居中

html块级页面居中,几个并排div的CSS / HTML居中相关推荐

最新文章

热门文章