div 如何实现在水平对齐

xuyongtong 2006-07-18 12:19:13
<div style="width:450;height:300;background:#ff0000;text-align:center;vertical-align:middle">
让这段文字完全居中
</div>
...全文
230 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
xuyongtong 2006-07-18
  • 打赏
  • 举报
回复
这样不行
有没有人指教下
zxfly 2006-07-18
  • 打赏
  • 举报
回复
水平居中:text-align:center

垂直居中可就麻烦了
<style type="css/text">
<!--
.middle-demo-4{
position: relative;
background:#ff0;
height:300px;
display:none;
}
.middle-demo-4 div{
position: absolute;
top: 50%;
left: 0;
}
.middle-demo-4 div div{
position: relative;
top: -50%;
left: 0;
text-align:center;
}
-->
</style>
<div class="middle-demo-4">
<div>
<div>
垂直居中效果<br />
</div>
</div>
</div>

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧