社区
CSS
帖子详情
如何将
中的内容居中显示
CuiCanBin
2003-11-04 01:24:05
<DIV style='height:50px;background-color:red'><Img src=welcome.gif>欢迎光临</DIV>
如何使以上 <DIV> 中的图片和文字居中(垂直和水平)显示呢?要求不使用<Table>
解答正确绝对有分。
...全文
901
5
打赏
收藏
如何将<DIV>中的内容居中显示
欢迎光临 如何使以上 中的图片和文字居中(垂直和水平)显示呢?要求不使用 解答正确绝对有分。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
CuiCanBin
2003-11-04
打赏
举报
回复
To fason. Very Good.
主要还是垂直居中的问题。
谢谢,虽然还不是很完美,还需要给 Img 加 align <img align=absmiddle>。否则,当图片比文字大时,文字还是不能绝对居中显示。
看来你也肯定是个高手。我是做软件开发的。以后有什么设计编程方面的问题,可以问我,我的 Email: cuicb@163.net
如,我看了一下其他问题,类似以下问题我都可以搞定,只是总很忙,一般没时间上来回贴。
.如何调用“开始”->"搜索"->“查找”呢
.请教高手!如何让iframe的高度自动适应所链接的网页的高度?
.如何让网页滚动到特点的位置
zyzy15
2003-11-04
打赏
举报
回复
咦? DIV 应该没有 valign 属性吧?
fason
2003-11-04
打赏
举报
回复
try:
<style>
.a{padding-top:expression(clientHeight/2-firstChild.offsetHeight/2);text-align:center}
</style>
<DIV class="a" style='height:50px;background-color:red'><div><Img src=welcome.gif>欢迎光临</div></DIV>
表格还是最好的
sherrywear
2003-11-04
打赏
举报
回复
<DIV style='height:50px;background-color:red'align="center" valign="middle">
zyzy15
2003-11-04
打赏
举报
回复
水平的话:
<DIV style='height:50px;background-color:red'align="center">
就行了。
垂直不知道
如何将
div
中
的
内容
垂直
居
中
如何将
div
中
的
内容
垂直
居
中
第一种方法: 在
div
里面添加:text-align:center; line-height: 60px; 这里的line-height是行高,这个根据你的
div
的高度要调一下。 第二种方法: 就是改变
div
的属性,让其display属性为table-cell,我们知道table单元格
中
可以通过vertical-align垂直
居
中
,转化后也可以用此属性, 在
div
里面添加:display:table-cell; vertical-align: middle; 综上所述,将
div
CSS设置
DIV
居
中
显示
css代码实现
div
居
中
显示
的三个例子,垂直与水平
居
中
、简单的
内容
居
中
、
DIV
中
的
DIV
居
中
,有需要的朋友参考下。 设置
DIV
居
中
显示
的css代码。 例1,垂直+水平
居
中
: 复制代码 注意,其
中
margin:-150px 0 0 -150px; 第一个150是高度的一半,第四个150是宽度的一半。例2,
div
内容
居
中
div
{ height:25px;
如何让
div
盒子或文字
居
中
显示
学习目标: 让
div
盒子
居
中
的方法和让文字
居
中
显示
的方法 学习
内容
: 提示:这里可以添加要学的
内容
例如: 1、 让
div
盒子水平垂直
居
中
的方式 2、 让文字水平垂直
居
中
的方式
div
居
中
: 通过在大盒子设置flex布局让
div
居
中
显示
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>让
div
居
中
的方法</title> </head>
div
中
的文字上下左右
居
中
如何将div层
中
的文字上下左右
居
中
对齐? 如何将div层
中
的文字上下左右
居
中
对齐? ------解决方案-------------------- 其实用两个值就可以了 text-align:center; //这是让文字左右
居
中
line-height:100px; //这是让文字垂直
居
中
vertical-align:middle; //这个属性不能
div
位置设置
div
居
中
显示
margin:0 auto
div
中
的
内容
居
中
显示
text-algin:center
div
靠右
显示
float:right 设置
div
元素的右外边距 margin-right:10px
CSS
61,094
社区成员
60,756
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章