整个div居中，不是div中的内容居中

最新推荐文章于 2023-08-13 00:34:20 发布

不净之心

最新推荐文章于 2023-08-13 00:34:20 发布

阅读量206

点赞数

CC 4.0 BY-SA版权

分类专栏：前台&美工文章标签： CSS JSP Java XHTML XML

本文链接：https://blog.youkuaiyun.com/pyzheng/article/details/83952922

前台&美工专栏收录该内容

118 篇文章

订阅专栏

本文详细介绍了在jsp页面中加入特定的HTML DOCTYPE声明和CSS样式设置来解决布局居中问题的方法，通过实例演示了如何调整div元素的宽度和使用margin属性实现水平居中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，在jsp前面加入

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我半天没有加入，所以总是弄不居中，还差点搞毛了。

然后在div设定css为:

width: 1000px;
margin:0px auto;

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不净之心

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

div居中方法汇总

bin70的博客

12-17

1000

水平居中在父元素中利用以下代码即可text-align：center; margin：0 auto; 垂直居中line-height方法html<div id="parent" height="200px"> <img src="img.png"/> </div> css#parent {line-height: 200px;} #parent img {vertical-align: middle

div整体居中其内容不居中的示例代码

09-25

有时我们会有这样的需求就是让div整体居中且内容不居中，下面有个不错的示例，大家可以参考下

参与评论您还未登录，请先登录后发表或查看评论

（css+div）整个div居中

weixin_33804990的博客

12-03

113

整个div居中：margin: 0 auto; div设置边框： border: 1px solid #666699; div左右同一高度悬挂定位： float: left; clear: left; float: right; clear: right; 设置背景图像不平铺：background-repeat:no-repeat; 设置留白(上下左右)：p...

整个DIV水平和垂直居中于屏幕

ithouse的专栏

10-20

3346

.vertical-center {position:absolute; width:100%; top:50%; margin-top:-150px; height:300px;} 原理是：相对于顶部位置50%；这样这个div的最顶端就处于垂直居中的中心线上；然后用margin-top：将div向上移动半个div的高度。就实现了垂直居中。这个原理还适用于水平居中，记住margin的值=di

div内容居中和布局居中样式总结

成长之路

12-21

682

1.div的内容居中（1）水平居中 <div align="center"><button>按钮></button></div> CSS： div{ display: block; // div默认为块级元素，如果是第三方控件或继承父类元素不是block，则需要指定（必要时提高优先级） text-align: center; } （2）垂直居中设置line-height等于height即可（当line-height为

使div元素居中显示（通过css控制元素居中）

Napster的专栏

07-05

1万+

参考：https://www.cnblogs.com/rubykakas/articles/7992662.html 1. 实现DIV水平居中设置DIV的宽高，使用margin设置边距0 auto，CSS自动算出左右边距，使得DIV居中。 div{ width: 100px; height: 100px; margin: 0 auto; } 缺点：需要设置div的宽度 2. 实现DIV水平、垂直居中要让DIV水平和垂直居中，必需知道该DIV得宽度和高度，然后设置位置为绝对

实现内部元素居中的三种方式，div居中显示。。。。。【龙哥】

weixin_30381793的博客

04-02

6492

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, i...

div 中元素居中的N种常用方法

热门推荐

qq_41425194的博客

04-25

12万+

水平居中 1.行级元素：为该行级元素的父元素设置text-align:center配合line-height样式 <div style="width: 500px;height: 100px;line-height: 100px;border: 1px solid green;text-align:center;"> <span>行级元素</span> </div> 2.块级元素：为其自身设置margin:auto样式 <div st

html中div内容居中的方法

火星男孩的分享空间

03-27

8万+

方法1：table-celldiv中的内容居中：不改变盒子尺寸。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { background-color: red; widt

div或者div中的内容居中对齐的方法

程序星空实验室

09-09

9636

【代码】div或者div中的内容居中对齐的方法和样式。

（史上最全）div居中的几种方法

weixin_33796205的博客

04-15

2743

使div水平垂直居中1. flex 布局实现（元素已知宽度）效果图：内部 div 要有宽度CSS 代码: <style> .box{ width: 300px; height: 300px; background-color: #ccc; ...

div 整体居中

阿彬的专栏

07-20

1168

让div+css的div居中, 而里面的文字不居中的做法

shirlly

04-24

1066

让div+css的div居中, 而里面的文字不居中的做法: [code="java"] 做一个测试--WEB开发网 body{ margin:0px; } #countainer{ margin:auto; width:600px; height:100%; background-color:#cccccc; } WEB开发网 ...

css设置div元素居中

poker624的博客

02-12

1919

HTML中创建网站时，有时我们需要某些元素垂直对齐在框内。可能是将文本或图像在 div 内部中间对齐，或者垂直对齐。 CSS flexbox垂直居中 div 文本 (推荐) 首先，设置div属性为flex，其次设置子元素align-items: center。 html示例： flexbox垂直居中 div 文本。 css示例： div { display: flex; justify-content: center; /* align horizontal / align-items: cen

html如何定义一个div整体居中,html – 如何在div中居中

weixin_33478314的博客

05-30

480

我已经尝试过很多东西来将一个span元素(包含几个DIV)集中在一个包装器DIV中(在本例中是soccerField DIV)…HTML结构如下所示：player 1player 2player 3player 4CSS看起来像这样：#field{padding: 0%;min-width: 250px;min-height: 1000px;max-width: 800px;position: r...

如何在一个div中使其子div居中

u012088576的博客

03-30

6万+

网上其他地方已讲述过对其的不同实现方式，今天主要做一个详细的汇总，希望对大家有帮助。 ps：我面试的时候就被问到过这个问题，当时都回答错了，蓝瘦。假设父div的类名为father，子div的类名为son。在html中的形式如下： <div class="father"> <div class="son"> </div> 接下来用css设置s...