• 关于

    html加字体效果

    的搜索结果

问题

【CSS学习全家桶】416道CSS热门问题,阿里百位技术专家答疑解惑

阿里极客公益活动:或许你挑灯夜战只为一道难题或许你百思不解只求一个答案或许你绞尽脑汁只因一种未知那么他们来了,阿里系技术专家来云栖问答为你解答技术难题了他们用户自己手中的技术来帮助用户成长本次活动特邀百位阿里技术专家对CSS常见问题进行了集...
管理贝贝 2019-12-01 20:07:24 8458 浏览量 回答数 1

回答

HTML <div class="d1"> <div class="d2">hhhh</div> </div> <button class="but">d1变成inline-block</button> CSS: *{padding:0;margin:0;} .d1{} .d2{position:absolute;background:red;} .but{margin-top:50px;} 默认情况下,d1元素的display属性为block),d1元素display属性为block,是一个块级别的元素,没有显式的设置width和height,那么其元素宽度高度为子元素的高度决定。同时其子运算d2设置了position为absoulte,脱离了正常的文档流,其放置位置的参考元素为根元素(因为其父元素的position为默认值static,不能作为定位参考元素),其不参与父元素实际宽高的计算,但是没有设置top、left偏移量,所以其呆在d1元素的左上角的位置。d1计算出的高度为0,并是一个块级元素,所以button元素作为行内替换元素(和img类似)通过设置margin-top为50px后,放置在d1元素下方50px处。 当将d1元素的display属性为inline-block,其显示为一个行内块元素(好比是一个img元素),那么其和button行内元素将放在一行显示。d1元素形成一个行内框,button也形成一个行内框,行内替换元素可以应用padding,margin等属性d1和button元素形成一个行框,它们的行框高度的计算由最高元素的上外边界和最低元素的下外边界构成,所以你看到的效果为d1元素出现在button元素的前面,并且和顶部有50px的距离 同时还能看到d1元素在button元素的下面,这是因为d1元素的高度是0,行内元素的最低端要和文本行的基线对齐~~你为d1在display:inline-block的情况下,设置其vertical-align的不同属性你就其会出现在行垂直方向的不同位置 为了更好的说明回答,补充如下: <span style="font-size:2em">ABCDEFG</span><!--加大行内元素的显示字体大小--> <div style="display:inline-block" id="d1"> <div id="d2" style="position:absolute;background-color:red">HHHH</div> </div> 以上HTML和CSS配置后,可以看到HHHH显示再ABCDEFG行内元素行的下面。原因在于div#d1为显示为一个行内块元素,其默认的vertical-align属性值为baseline,也就是div#d1将和其所在行的baseline对齐,但是div#d2的position为absolute,脱离正常的文档流渲染。导致div#d1内部没有文本,没有baseline,高度为0,那么div#d1的底端和span的baseline对齐,div#d2的position为absolute但又没有设置top及left值(也就是为默认值auto),就还是呆在div#d1内部的左上角的位置。不加span部分也是如此~~~~如改成如下 <span style="font-size:2em">ABCDEFG</span><!--加大行内元素的显示字体大小--> <div style="display:inline-block" id="d1"> IJKLMN <div id="d2" style="position:absolute;background-color:red">HHHH</div> </div> div#d1就有baseline,"IJKLMN"形成的文本行的baseline和span的对齐,div#d2作为块级元素换行
杨冬芳 2019-12-02 02:39:44 0 浏览量 回答数 0

回答

uni-app配套UI框架: 开始觉得graceUI 挺适合要求的,多端通用,可惜是收费的,然后在uni-app插件市场发现colorUI 可以用,基本满足需求开发,重要的是免费,果断选择colorUI 2.自定义navigationBar uni.getSystemInfo()在微信上显示正常,支付宝因为异步获取不到值,这里使用同步处理uni.getSystemInfoSync(); 3.支付宝title中的点击事件不生效,是因为title区域设置了pointer-events: none; 4.关于upx换算 1px=2upx(设计稿 1px / 设计稿基准宽度 = 框架样式 1upx / 750upx) 注:我们使用的设计稿基准宽度为375px 5.scss支持 uni-app原生支持sass, 新建uni.scss文件,定义变量,全局有效 6.配套UI框架 使用uView: https://www.uviewui.com/guide/note.html 7.vue-router解决方案 在插件市场搜索”路由、拦截、最优雅解决方案“ 8.vuex解决方案 https://www.jianshu.com/p/63980716cd47 https://www.cnblogs.com/edward-life/p/11181139.html 9.组件中无法使用应用生命周期函数(onShow、onHide等),需要使用vue声明周期函数 10.分支合并命令:   git checkout dev-others   git pull   git checkout dev-self   git merge dev-others   git pull   (如果有冲突,解决冲突后执行下面命令)   git add ./   git commit -m ' '   git push 11.文字内容超出后显示省略号:   // 单行   .text-overflow {     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   // 多行   .text-overflow {     display: -webkit-box;     -webkit-box-orient: vertical;     -webkit-line-clamp: 2;     overflow: hidden;   } 12.使用 uni.getLocation(OBJECT) 获取位置信息需要在manifest.json 中配置位置接口为开启 13.pointer-events: none;设置所有点击事件不生效 14.图片需要指定缩放方式,同时适配支付宝和微信小程序 支付宝自定义组件,需要在 IDE 中的 详情 > 项目配置 中,勾选 启用 component2 编译 。 16.自 HBuilderX 2.2.3版本后,uni-app项目在发布时会默认启用 uni统计,开发者可在https://tongji.dcloud.net.cn查看数据报表 17.之前为了减小主包的大小,将组件放在分包中,结果发现,支付宝小程序中组件必须放在主包中才能访问。 18.减少图片请求的两种处理方法:   a.将固定不变的图片进行雪碧图压缩处理,只用请求一次,就可以得到大量图片   b.将小图片制作成font-face字体,字体库使用链接,也可以达到请求一次得到所有小图标的效果 19.解决IOS列表滑动不流畅的问题,给滑动区域的标签加-webkit-overflow-scrolling: touch;属性 20.使用雪碧图后,微信小程序可以使用标签显示雪碧图图片,But支付宝小程序不能使用必须使用view标签来显示。 21.分包和主包不能放同一个目录下,需要分开和小程序结构一样。 22.ios不支持2019-04-11这样的格式 要改成2019/04/11 这样的; new Date(date).getTime()在苹果手机上是不兼容的。解决方法: new Date(data.replace(/-/g,'/')).getTime()
游客2q7uranxketok 2021-02-22 19:57:28 0 浏览量 回答数 0

问题

MathML 介绍:报错

MathML 是一个 W3C 推荐标准,旨在为标记数学表达式定义一个 XML 词汇表。版本 1 作为一个 W3C 推荐标准发布于 1998 年,就在 XML 规范发布后不久。MathML 已作为推荐标准发布的另外...
kun坤 2020-06-08 11:09:17 2 浏览量 回答数 1

问题

搜索引擎优化7大原理

    作为一个已经有几年的优化经验的seoer来说,现在的搜索引擎优化已经不是简单的做几个关键词到首页就可以了。现在的SEO,除了要做好关键词的排名以外,还要懂得怎样提升用户体验度,...
aizhan 2019-12-01 21:00:37 6153 浏览量 回答数 0

问题

H5技术百问——不懂H5你就OUT啦

HTML5 是下一代的 HTML。HTML5的设计目的是为了在移动设备上支持多媒体。H5游戏,你可以看作是移动端的web游戏,H5游戏无需下载软件即可体验,这就是H5在传播上的优势。H5视频制作也是H5的重要应用领域之一。 H5开发 设置3...
yq传送门 2019-12-01 20:27:41 44227 浏览量 回答数 46

问题

Web测试方法

在Web工程过程中,基于Web系统的测试、确认和验收是一项重要而富有挑战性的工作。基于Web的系统测试与传统的软件测试不同,它不但需要检查和验证是否按照设计的要求运行,而且还要测试系统在不同用户的浏...
技术小菜鸟 2019-12-01 21:41:32 7022 浏览量 回答数 1

问题

【javascript学习全家桶】934道javascript热门问题,阿里百位技术专家答疑解惑

阿里极客公益活动:或许你挑灯夜战只为一道难题或许你百思不解只求一个答案或许你绞尽脑汁只因一种未知那么他们来了,阿里系技术专家来云栖问答为你解答技术难题了他们用户自己手中的技术来帮助用户成长本次活动特邀百位阿里技术专家对javascript常...
管理贝贝 2019-12-01 20:07:22 6202 浏览量 回答数 1

问题

创建定制的jQuery Mobile主题 - jQuery报错

"jQuery Mobile 框架是一套JavaScript库,用来帮助你快速创建适合移动设备访问的网站。它可以把目前的页面转换成适合触摸操作的页面。jQuery Mobile可以让用户通过浏览器直接访问到触摸友好的应...
montos 2020-06-04 14:18:42 5 浏览量 回答数 1

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT