个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试创建一个基本的电子邮件模板。我通过编写页眉、正文、页脚、侧边栏和主标签容器为这个电子邮件模板编写了样式。这是我的代码:
<html>
<head>
<style>
.container {
position:relative;
margin-left:auto;
margin-right:auto;
color: #000;
align-items:center;
}
.sidebar {
position:absolute;
top:402px;
bottom:0px;
left:775px;
width:180px;
background:violet;
}
.header{
min-height:400px;
width:957px;
background-color:aqua;
}
.body{
margin-top:400px;
min-height:500px;
width:732px;
background-color:light-blue;
}
.footer{
margin-top:900px;
max-height:250px;
background-color:grey;
width:732px;
}
h3
{
color:#660066;
font-family:Arial;
font-size:24px;
text-align:center;
}
p
{
font-size:12;
font-family:Arial;
color:#333;
}
a:link, a:visited,a:active
{
color:#660066;
}
table {
min-width:100px;
border:none;
}
}
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<p>This div section is associated to header...</p>
</div>
<div class="sidebar">
Only side bar contents will be placed here...
</div>
<div class="body">
<h3>Sample Heading</h3>
<p>This DIV section is associated to body. This DIV section is associated to body...This DIV section is associated to body...This DIV section is associated to body...This DIV section is associated to body...This DIV section is associated to body...This DIV section is associated to body...This DIV section is associated to body.
This DIV section is associated to body. This DIV section is associated to body...This DIV section is associated to body...This DIV section is associated to body...This DIV section is associated to body...This DIV section is associated to body...This DIV section is associated to body...This DIV section is associated to body.
</div>
<br>
</p>
<div class="footer">
This DIV section is associated to footer...
</div>
</div>
</body>
</html>现在我正在尝试将这些整个 div 元素居中，是否可以在没有表格的情况下仅使用 div 标签来做到这一点？
谢谢泰亚布
最佳答案
.container{
width:960px; // or you can also use min-width:800
margin:0 auto;
}
如果它不起作用，请尝试删除位置。
关于html - 是否可以只使用 div 类来分隔常用样式，而不使用表格？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25945579/
25
4
0
本文主要给大家介绍Mysql数据库分库和分表方式(常用)，涉及到mysql数据库相关知识，对mysql数据库分库分表相关知识感兴趣的朋友一起学习吧 1 分库 1.1 按照功能分库 按照功能进行
在当前对象由其他包含对象操作的系统中，当传递对当前对象的引用时，链接似乎一直在继续......没有任何结束(对于下面的代码，Car ->myCurrentComponent->myCar_Brake-
我有一个密码 UIAlertView，我们要求用户提供。我需要根据情况在不同的 View 上询问它，从 downloadViewController (用户下载数据后)，当他们切换到他们的数据时(如果
我正在尝试编写一个函数，使得对于任何整数 x 的 P(x) 都有一个包含三个元素的列表，即平方、立方和 n 的四次方，但我仍然不知道如何组合然后制作一个函数，例如我有平方、立方体和 4 次幂函数下面是
关闭。这个问题需要更多 focused .它目前不接受答案。 关闭4年前。 锁定。这个问题及其答案是locked因为这个问题是题外话，但具有历史意义。它目前不接受新的答案或交互。 我能否列出一份常见的
Python 常用 PEP8 编码规范 代码布局 缩进 每级缩进用4个空格。 括号中使用垂直隐式缩进或使用悬挂缩进。 EXAMPLE: ?
关闭。这个问题需要更多focused .它目前不接受答案。 想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post . 去年关闭。 Improve this questio
在经典 ui 中，您可以使用 xtype:cqinclude 包含来自不同路径的 rtePlugins，基本上为标准 RTE 插件创建一个位置，我如何在 Touch UI 中执行相同操作？ 我尝试使用
在经典 ui 中，您可以使用 xtype:cqinclude 包含来自不同路径的 rtePlugins，基本上为标准 RTE 插件创建一个位置，我如何在 Touch UI 中执行相同操作？ 我尝试使用
*strong text*我有多个网络应用程序使用了一些常见的依赖项，比如蒙戈连接器谷歌 Guava 乔达时间 我想到将它们从 webapp/WEB-INF/lib 中取出并放入一些 common-l
我正在编写一个 Web 服务器，我想知道哪些 HTTP 请求 header (由客户端发送)是最常见的，因此我应该重点实现。 目前，我只支持Accept 和Host。 最佳答案 不确定您的范围，但由于
我是一名优秀的程序员,十分优秀！