css如何使div里面的文字垂直对齐

页面里有五段文字/图片,我想使每个部分的文字,像旁边的图片一样,距离上边界和下边界的距离相等(如FAQs,距离上边的距离远远大于距离下边界的距离),要怎么做?... 页面里有五段文字/图片,我想使每个部分的文字,像旁边的图片一样,距离上边界和下边界的距离相等(如FAQs,距离上边的距离远远大于距离下边界的距离),要怎么做? 展开
 我来答
幻翼高达Zero
2019-07-24 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:8.2万
展开全部

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:p {border: 1px solid #0b93d5; height: 30px; padding: 10px;}。

3、浏览器运行index.html页面,此时每个部分的文字距离上边界和下边界的距离是相等的。

lp5276159be1
2013-03-27 · TA获得超过2万个赞
知道大有可为答主
回答量:1万
采纳率:39%
帮助的人:4305万
展开全部
你直接把图片设置为div的背景图片,然后再设置padding-top和padding-bottom就可以达到效果了
更多追问追答
追问
我要的是文字垂直对齐,距离上边界=距离下边界
追答
文字垂直对齐只要设置文字行高line-height等于div设置的高度就行了
假设你这张图片的高度是10px那么示例如下
例如
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
宝儿201314
2013-03-27
知道答主
回答量:12
采纳率:0%
帮助的人:1.8万
展开全部
设置容器的高度。然后在设置内容的高度和容器的高度一样就可以使上边距和下边距一样了,要是不想一样 可以具体设置padding的值 或者用margin也可以
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
灵点能量
推荐于2017-10-09 · TA获得超过8646个赞
知道大有可为答主
回答量:2636
采纳率:100%
帮助的人:539万
展开全部
  css中的vertical-align 属性设置元素的垂直对齐方式,可能的值:
  baseline 默认。元素放置在父元素的基线上。
  sub 垂直对齐文本的下标。
  super 垂直对齐文本的上标
  top 把元素的顶端与行中最高元素的顶端对齐
  text-top 把元素的顶端与父元素字体的顶端对齐
  middle 把此元素放置在父元素的中部。
  bottom 把元素的顶端与行中最低的元素的顶端对齐。
  text-bottom 把元素的底端与父元素字体的底端对齐。
  % 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
  inherit 规定应该从父元素继承 vertical-align 属性的值。

  如下代码即可实现垂直对其:
  .img{vertical-align:bottom}

  .input{vertical-align:bottom}

  <p>
  <img class="img" border="0" src="/i/eg_cute.gif" />
  <input class="input" />
  </p>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
铃仙停止了思考
2015-09-11
知道答主
回答量:50
采纳率:0%
帮助的人:17万
展开全部
<div id="div1" style="width:100px; height:40px; line-height:40px; font-size:12px; text-align:center; background:#CC3;">test</div>
是这个效果么?line-height的高度等于DIV高度就可以垂直居中了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式