当前位置: 首页 > news >正文

移动端网站开发论文seo排名是什么

移动端网站开发论文,seo排名是什么,app开发的知名公司有哪些,哪里做网站的比较多废话不多说,看如下demo,我需要将下面这个盒子的宽度变成内容自适应 方法有很多,如下 父元素设置display:flex 实现子元素宽度适应内容 如下给父元素设置flex能实现宽度自适应内容 <!DOCTYPE html><html lang"en"><head><meta charset"U…

废话不多说,看如下demo,我需要将下面这个盒子的宽度变成内容自适应
在这里插入图片描述
方法有很多,如下

父元素设置display:flex 实现子元素宽度适应内容

如下给父元素设置flex能实现宽度自适应内容

	<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>body {display: flex;}div {background-color: #0d1472;color: white;}</style></head><body><div>内容自适应宽度</div></body></html>

效果如下
在这里插入图片描述
但是这样有一个小缺点,那就是改变了父元素的display属性,我们仅仅是为了让box的宽度自适应内容,不应该去改变别的元素
所以我们可以使用其它的,如下`1

使用fit-content属性实现box自适应内容

fit-content 行为类似于 fit-content(stretch),实际上这意味着盒子会使用可用的空间,但永远不会超过,

意味着fit-content 的宽度会使用内容的宽度,但是不会超过max-width的宽度
示例如下

	<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div {background-color: #0d1472;color: white;width: fit-content;}</style></head><body><div>内容自适应宽度</div></body></html>

在这里插入图片描述

http://www.dinnco.com/news/6307.html

相关文章:

  • 网站怎么做微博链接灰色关键词排名代发
  • dw响应式网站模板百度站长资源平台
  • 合肥网站建设方案代理公司注册
  • 如何看自己网站流量近期国际新闻热点大事件
  • 网站建设与运营的公司百度推广怎么联系
  • 网站开发 蔬菜网 的毕业论文深圳seo排名优化
  • java 网站开发 好书收录网站是什么意思
  • 网店代运营哪里找百度关键词搜索优化
  • 好用的seo软件seo优化教程视频
  • 信宜做网站设置网站新站整站排名
  • 怎样给自己的网站做优化友情链接属于免费推广吗
  • wordpress 分享到微信优化视频
  • 网上做物理题赚钱的网站seo好学吗入门怎么学
  • 西安网站开发费用市场营销
  • 天河做网站设计短视频seo搜索优化
  • 南宁做网站开发的公司有哪些最近发生的新闻大事
  • 建设银行网站多少站长统计app软件下载官网安卓
  • 哪个网站做学历认证竞价网络推广外包
  • 营销型网站定位优化设计答案六年级上册语文
  • 一家专门做瓷砖特卖的网站培训网站排名
  • 网站开发有哪些工作岗位推广软件app
  • 如何做网站站长网页开发公司
  • 宜昌做网站的公司免费友情链接网
  • 前端网站开发毕设类型网站推广平台有哪些
  • asp 网站图标百度的营销推广模式
  • 电子商务网站设计原理书籍长沙网站推广排名
  • 浦东网站建设公司对网络营销的认识800字
  • 网站建设和app制作关键词排名代发
  • 山东省商务厅网站开发区管理处网站制作基本流程
  • 单机做游戏 迅雷下载网站如何刷seo关键词排名