CSS实现文字底部对齐#txt{ height:300px; width:300px; border:1px solid #333333; position:relative}#txt p{ position:absolute; bottom:0px; padding:0px; margin:0px}ITvertical..." />
檬味博客 » 问答 » css如何使元素沿底部对齐

css如何使元素沿底部对齐

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">CSS实现文字底部对齐#txt{ height:300px; width:300px; border:1px solid #333333; position:relative}#txt p{ position:absolute; bottom:0px; padding:0px; margin:0px}ITvertical...
css如何使元素沿底部对齐
vertical-align: bottom;2013-03-14
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>CSS实现文字底部对齐</title><style type="text/css">#txt{ height:300px; width:300px; border:1px solid #333333; position:relative}#txt p{ position:absolute; bottom:0px; padding:0px; margin:0px}</style></head><body><div id="txt"><p><a href="http" target="_blank">IT</a></p></div></body></html>2015-07-04
<!doctype html><html> <head> <meta charset="UTF-8" /> <title>Document</title> <style> body { font-size: 12px; } #div1 { width: 400px; margin: 20px auto; /*border:1px solid red;*/ border-top: 1px solid blue; border-right: 1px solid blue; border-left: 1px solid blue; border-bottom: 1px solid red; height: 40px; position: relative; } #div1 div{ width: 80px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; float: left; background: #00FF00; color: #FFFFFF; border-left: 1px solid #eee; margin-left: 10px; position: absolute; bottom: 0; } #div1 .mydiv2 { left: 90px; } #div1 .mydiv3 { left: 180px; } </style> </head> <body> <div id="div1"> <div>建设文明</div> <div>新浪微博</div> <div>意见征求</div> </div> </body></html>2019-06-06
在 .mydiv{margin-top:*.px};添加适当的像素，让它在底部对齐2013-03-14
<div id="div1" style="position:fixed;bottom:0;"></div>
不用外部调用的时候 直接写在DIV里就可以2013-03-14
mengvlog 阅读 33 次 更新于 2025-08-05 09:29:27 我来答关注问题0
5 个回答檬味博客专题活动
  • 菏侯腊r css文字底部怎么对齐

    两种办法，第一种可以作为默认选择。两种办法都可以让文字底部对齐。1、如果是文字或者其他块级元素。使用定位的思想。position：absolute，然后boottom：0。父元素注意要设置一下position：relative。因为绝对定位是相对于最近一个非static定位的元素的相对位置。 但是如果出现多个元素在同一父元素内 同时需要绝...

  • 百度网友d9ac3fb66 css里面如何让两个元素底部对齐

    1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。2、在index.html中的标签中，输入css代码：label{float:left;padding-top: 4px;}。3、浏览器运行index.html页面，此时label的底部成功和select的底部对齐。

  • 好学者百科 css怎样使得图片底部对齐

    1、首先通过vertical-align:middle实现现图片与文字水平对齐，需要区分html是行内元素，还是块状元素，实现img、p及div水平居中对齐，则只需要在img的css中的vertical-align：middle；及将p和div（display：inline-block）转化为行内元素。2、实现img、span水平居中对齐，由于这两者都是行内元素。3、则只需...

  • 治愈君超清剪辑 css如何使元素沿底部对齐

    margin: 20px auto; /*border:1px solid red;*/ border-top: 1px solid blue; border-right: 1px solid blue; border-left: 1px solid blue; border-bottom: 1px solid red; height: 40px; position: relative; } #div1 div{ width: 80px; height: 30px...

  • 翡希信息咨询 简要剖析CSS之vertical-align

    当图片的vertical-align设置为-3px时，图片的基线（底边缘）向上移动3px，从而在显示效果上使图片下移。图片底部空白示例：图片下方存在空白，原因是行盒为了保持基线对齐而预留的空间。五、总结vertical-align 是一个用于设置行内元素、行内块元素和table-cell元素垂直对齐方式的CSS属性。它主要基于基线进行...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部