html一半文字一半图片,一个div的子div宽是200高是350 里面怎么让图片显示一半 另外一半文字居中!?...
html>
test
这里是文字
div{
margin: 0 auto; /* 这里是为了让div居中 你可以不需要 */
outline: 1px solid red; /* 这里是为了看到div的边界 你可以不需要 */
width: 200px;
height: 350px;
background-image: url("0.jpg");
background-repeat: no-repeat;
background-size: 100px 350px; /* 这里宽是要div的一半 就是100px 高你可以根据需要自行设定 */
background-position: left center; /* 这里是为了让背景图靠左 center值你可以改成其他的看你自己有需求 */
box-sizing: border-box;
padding-left: 100px; /* 这里是让div左边有它自己一半宽度的边距,正好是图片背景图的显示区域 */
text-align: center; /* 这里是让文字居中 */
}
html一半文字一半图片,一个div的子div宽是200高是350 里面怎么让图片显示一半 另外一半文字居中!?...相关推荐
- 父div随着子div的高度改变而改变
父div随着子div的高度改变而改变问题 情况1:父div未设置高度,子div为标准流(即未设置浮动) <body><div class="aa">父div ...
- 一个球从100米高度自由落下,每次落地后反弹回原高度的一半; * 再落下,求在第几次之后反弹高度小于0.1米, * 并计算在这一次落地时共经过多少米?...
package com.db2;/*** 一个球从100米高度自由落下,每次落地后反弹回原高度的一半: * 再落下,求在第几次之后反弹高度小于0.1米,* 并计算在这一次落地时共经过多少米?* * @ ...
- 点击文字弹出一个DIV层窗口代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...
- html点击按钮弹出悬浮窗_点击文字或按钮弹出一个DIV窗口(DIV悬浮窗口)
以下是弹出窗口代码: 点击文字弹出一个DIV层窗口代码 .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; wi ...
- C语言--> 一个球从100m高度自由落下,每次落地后反跳回原高度的一半,再落下,再反弹。求它在第10次落地时,共经过多少米?第10次反弹多高?
//题目:一个球从100m高度自由落下,每次落地后反跳回原高度的一半,再落下,再反弹.求它在第10次落地时,共经过多少米?第10次反弹多高? //首先考虑,第一次落地高度为a=100m,从第二次开始, ...
- 猴子摘桃:猴子摘了x个桃,每天吃一半,最多吃一个,第7天吃的时候剩下一个了,猴子摘了多少桃子?(代码+分析)
题目:猴子摘了x个桃,每天吃一半,最多吃一个,第7天吃的时候剩下一个了,猴子摘了多少桃子? 一.分析:重点是理解"每天吃一半,最多吃一个," 得出以下规律: // 第 7 天 1 ...
- html点击一个文字显示提示框,点击文字弹出一个DIV层窗口代码
点击文字弹出一个DIV层窗口代码 .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; ...
- 使用C语言编写程序一个皮球从100米高度自由落下,每次落地后反弹回原高度的一半,再落下,再反弹。求当它第10次落地时,共经过了多少米?第10次反弹多高?写出完整代码并给出解释并对代码作出注释...
使用C语言编写程序一个皮球从100米高度自由落下,每次落地后反弹回原高度的一半,再落下,再反弹.求当它第10次落地时,共经过了多少米?第10次反弹多高?写出完整代码并给出解释并对代码作出注释第10次落 ...
- HTML怎么设置图片和文字间距离,div字间距-div内文字之间间距设置方法
div内字与字间距是否可以用CSS代码实现? 答案:可以使用css实现letter-spacing 1.语法: letter-spacing:3px -- 设置对象字间距为3px间隔. 2.对所有di ...
最新文章
- 哎哟我去!betterzip居然支持这么多压缩格式!
- python制表符什么意思_python中制表符是什么意思
- 编译错误 fatal error C1010: unexpected end of file while looking for precompiled header directive
- 今日头条PHP开发工程师面试,今日头条2018春招研发岗第一次笔试题解
- wordpress 安装(亲身经历) 出现“Fatal error: Call to undefined function get_magic_quotes_gpc()”之后的解决方法...
- 微信内置浏览器中实现点击电话号码自动到拨号页面
- 防火墙技术之--状态防火墙ASPF(2)
- 2021年电工杯B题附代码、附论文——光伏建筑一体化板块指数发展趋势分析及预测
- 超详细正点原子STM32F429开发板视频教程笔记01
- android助手盒子版,小米盒子助手
- 免费PDF转换器注册码
- 大一计算机题库百度云,大一计算机考试题库.pdf
- C++客户端面经总结
- ShuffleNet v1
- Android的build-tools的下载方式
- Photoshop CS4 使用通道精确抠图
- sum多个字段的值相加_Excel Sumifs函数多字段多条件求和使用实例
- MySQL查看数据库数据量
- JS---------------网页版的消灭星星
- java-并发-并发容器(1)