【原创】网页中居中层css一则

最新推荐文章于 2024-05-14 18:04:32 发布
最新推荐文章于 2024-05-14 18:04:32 发布
阅读量458 收藏
点赞数
分类专栏： 个人经验 原创 CSS 文章标签： css html xhtml javascript .net 文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/drink555/article/details/4579083
版权
个人经验 同时被 3 个专栏收录
4 篇文章 0 订阅
订阅专栏
原创
2 篇文章 0 订阅
订阅专栏
CSS
1 篇文章 0 订阅
订阅专栏

一个只用CSS就可以设置网页中居中层的方法。
今天重新尝试的时候居然不好用了。
还好以前的页还有，还能打开。
代码一摸一样就是不好用。
于是乎一段段的删除，希望能找到点线索。
css删得只剩下这段设置代码，不好用。
javascript中难道做手脚了，接着删，还是不好用。
最后删没了终于发现原来是网页头是不一样的。
默认用.NET自动生成的就不好用

改成如下的过渡型文档类型就可以用了。所以这一点一定要注意才行。

下面是居中的层的HTML代码

下面是设置居中的CSS

drink555
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS+DIV弹出居中层同时背景变灰色半透明源码
08-08
CSS+DIV弹出居中层同时背景变灰色半透明源码
css居中最佳方案,CSS 垂直水平居中的5种最佳解决方案
weixin_42365303的博客
08-03 231
CSS 居中对齐代码中均省略了浏览器前缀以下例子以我的个人的标准排序当然也有更多的居中处理方法 但我觉得只有这5种方法是最完善的解决方案flex 居中优点：可对未知高度进行居中处理.wrap{height: 100%;display: flex; justify-content: center; align-items: center;align-content:center;}.other{ba...
css 实现的居中层
weixin_30721077的博客
09-01 52
[html] <div class="tmiddle"> <i>div.tmiddle</i> <div class="colorbox"><i>div.colorbox</i></div> </div> [/html] [css] .colorbox{ width:100px; height...
html css 全局居中,网页居中问题_html/css_WEB-ITnose
weixin_31920157的博客
06-09 544
各位前辈，我想让网页的主div居中，让后在网上查了一下说是使用margin：0 auto；的方法让主div居中让后在在里面添加其他的div，但是当我对后添加的div使用绝对定位时网页不能正常显示，我想请问一下如果我打算对网页中的div都是用绝对定位的方式(这是方式简单粗暴)，我应该怎样使网页在浏览器中居中。结构大概简要为如下方案。//怎样使这个div居中而下面的次div在这个div内绝对定位。.....
网页制作中层相对定位的实现方法
12-04
低定位你的网页，布局合理化，在这里你都可以解决
对网页中层的固定实现代码
12-13
对于DIV+CSS不熟悉的我，为此加班加点在项目上线时把问题解决了。参考代码如下： 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
浮动居中层.html
09-15
浮动居中层.html 学习学习呵呵，希望对人有所帮助
CSS中层叠上下文的具体使用
11-21
在有些 CSS 相互影响作用下，对元素设置的 z-index 并不会按实际大小叠加，一直不明白其中的原理，最近特意查了一下相关资料，做一个小总结。 层叠上下文与层叠顺序 层叠上下文（stacking content）是 HTML 中的三维...
css保持浮层水平垂直居中
wen_j的博客
03-27 392
1.利用flexbox布局 .parent{ width: 100%; height: 37.5rem/* 600px */; background: #09c; display: flex; justify-content:center; /* 水平居中 */ align-items:center; /* 垂直居中 */ ...
Vue3组件库开发项目实战——02项目搭建（配置Eslint/Prettier/Sass/Tailwind CSS/VitePress/Vitest）
三月和九月的博客
05-11 945
在现代前端开发中，构建一个高效、可维护且易于协作的开发环境至关重要。特别是在开发Vue3组件库时，我们需要确保代码的质量、一致性和文档的完整性。本文将带你从0搭建vue3组件库开发环境，以下是配置代码规范、格式化、CSS样式工具、文档工具、单元测试技术选型的必要性。
css超出部分省略（单行、多行，多种方法实现）
阿乐的博客
05-14 393
缺点:使用了私有属性。
CSS文字描边，文字间隔，div自定义形状切割
m0_61604012的博客
05-10 144
CSS文字描边，文字间隔，div自定义形状切割
TailwindCSS在vite项目中的安装与使用
前端菜菜DayDayUp的博客
05-14 298
TailwindCSS在vite项目中的安装与使用
Sass详解：颠覆CSS开发的新时代
q_913246828的博客
05-11 293
本文深入探讨了Sass作为CSS的扩展语言的各项特性、优势以及应用场景。Sass提供了诸如变量、嵌套、Mixin等功能，帮助开发者提高开发效率和样式代码的可维护性。同时，Sass在大型项目和团队协作中有着广泛的应用，成为提升前端开发效率和质量的重要工具。
css 案例 横向滚动渐变
weixin_38982591的博客
05-11 232
【代码】css 案例 横向滚动渐变。
在 CSS 中使用 text-emphasis 来增强文本的趣味性
最新发布
前端全栈开发者
05-14 323
您可以更改颜色、大小、字体，甚至添加阴影和轮廓等效果。但最近，我了解到一个我以前没有听说过的时尚 CSS 属性，它非常棒！属性是一种有趣的方式，可以增加对文本的强调，并可用于为您的设计增添趣味。大多数现代浏览器都支持它，因此您可以立即开始使用它来使您的文本脱颖而出！属性组合的简称，可以为文本添加强调标记。这些标记可用于以各种方式突出显示文本，例如在文本上方或下方添加点、圆、双圆或文本。您甚至可以使用表情符号来强调文本。您也可以使用字母来强调文本。这将在文本顶部添加一个点，如下所示。
css 子元素 圆 均匀分布 展开动画
qq_36287830的博客
05-10 628
scss 实现 圆均匀分布 展开动画
常用CSS和XPATH元素定位方法
m0_61722509的博客
05-11 183
表示id. 表示class空格 表示tag, 表示或(,的优先级比较低，注意加括号):nth-child(n),表示父节点的第n个子节点:nth-last-child(n),表示父节点的倒数第n个子节点Span:nth-of-type(n)，表示父节点的第n个类型为span的元素Span:nth-last-of-type(n)，表示父节点的倒数第n个类型为span的元素元素1 + 元素2 表示元素2是元素1后面紧跟的兄弟。
写一篇3000字关于内部中层干部讲话
02-09
这些演讲通常是在公司内部举办的各种会议或培训中进行的。 内部中层干部讲话的目的通常是为了传达公司的愿景、目标和战略，并且希望通过演讲来激励和引导员工。 在进行内部中层干部讲话时，应该注意以下几点： 1....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值