当前位置: 网站首页>小程序开发>网络推广

石狮申请400电话费用【石狮企业全国热线电话办理】石狮开通400电话电信价格、石狮微信公众号代运营外包托管、石狮网店编辑装修美工、石狮网站推广优化大概需要多少钱

发表日期: 2021-05-24 13:03:22 浏览次数:131

石狮申请400电话费用【石狮企业全国热线电话办理】石狮开通400电话电信价格、石狮微信公众号代运营外包托管、石狮网店编辑装修美工、石狮网站推广优化大概需要多少钱

网站建设.jpg

石狮(古属泉州府晋江县),福建省辖县级市,由泉州市代管,介于北纬24°39′52″—24°48′48″,东经118°33′46″—118°46′51″之间,陆域面积157.15平方千米,潮带间滩涂面积20.54平方千米;行政管辖毗邻海域面积968.5平方千米,属亚热带季风气候,政府驻地位于湖滨街道,辖7个镇2个街道,2018年全市户籍人口31.7万,常住人口69.1万 [1-2]  。

秦汉至唐初,石狮境域隶属南安县;隋,永宁岑兜一带有先民从事海盐生产,凤里庵一带人烟稠密,人们常相约庵前石雕狮子处碰头聚会,“石狮”因之而得名 [2]  ;获评全国文明城市 [3]  、中国百强县 [4]  ;主要景点有姑嫂塔、永宁城隍庙等。

2019年石狮市生产总值为917.84亿元,2019年度福建省县域经济“十强”县(市)。 [5] 


响应式横向并排的div两端对齐间距固定

在网页布局中,除了纵向布局外,还有横向布局,这是两个应用最为广泛的布局模式,然而横向布局又较纵向布局应用更加频繁。普通的横向布局,我们都是对每个模块采用固定宽度,然后让它居左浮动起来。这样就可以达到横排的目的。然而这样的布局并不美观,特别是在响应式网页开发中,虽说可以采用百分比的宽度,但终究还是会被margin值和padding值和border值影响,从而导致在不同分辨率下出现右边空缺过大以及折行的现象。如图:div横排模型解决办法是给它的父级元素设置display的盒模型展示,比如html结构如下:

复制代码<div class="flex flex-pack-justify"><span>模块一</span><span>模块二</span><span>模块三</span><span>模块四</span></div>复制代码

css代码如下:

复制代码<style>/* ============================================================flex:定义布局为盒模型flex-v:盒模型垂直布局flex-1:子元素占据剩余的空间flex-align-center:子元素垂直居中flex-pack-center:子元素水平居中flex-pack-justify:子元素两端对齐兼容性:ios 4+、android 2.3+、winphone8+============================================================ */.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:center;color:white;}.flex span{width:25%;margin:10px;background:#F33;height:200px;}/**扩展**/.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}</style>复制代码

如此处理后的显示无论你设置子模块宽度多大,它都不会折行,都是在一行上显示完全,左右不留空隙或所留空隙相等。类似满屏居中显示。这样就给我们排版带来了很大的方便性,不用去细调宽度值以及特殊处理独立的模块。如下图:div横排模型

方法二(使用display:inline-block):

复制代码<ul class="ul"><li>秋叶网络博客</li><li>百家秋叶网络博客秋叶</li><li>百家网秋叶络博客</li><li>秋叶博客</li></ul><style>.ul{text-align:center;}.ul li{height:50px;display:inline-block;}</style>复制代码


石狮申请400电话费用石狮企业全国热线电话办理石狮开通400电话电信价格、石狮微信公众号代运营外包托管、石狮网店编辑装修美工、石狮网站推广优化大概需要多少钱

400-111-6878
服务热线
顶部

备案号: 苏ICP备11067224号

CopyRight © 2011 书生商友信息科技 All Right Reserved

24小时服务热线:400-111-6878   E-MAIL:1120768800@qq.com   QQ:1120768800

  网址: http://www.768800.com  网站建设上往建站

关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|

企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|

400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 苏州殡葬一条龙| 朝阳殡葬| 苏州殡葬服务|

预约专家

欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系

  

服务热线:400-111-6878