首页 >>  正文

让盒子垂直居中

来源:baiyundou.net   日期:2024-09-21

随着城市发展进程不断推进,城市更新的内涵及意义不断迭代丰富,从“增量发展”到“存量更新”,城市的空间、功能、产业结构、人居环境正在朝着多种形态的改造转变。

图源小红书@贵阳市文化和旅游局
大部分传统街区、老式建筑仍旧位于老城区,由于商业发展滞后、历史和人文环境衰落、空间肌理与现代商业不够匹配、商业功能模糊等问题面临着停滞甚至衰败的光景,在维持现有建设格局基本不变的情况下,通过局部拆建、建筑物功能置换、保留修缮等方式对空间进行更新改造,重现老旧街巷、建筑的历史价值及激活消费经济活力,实现城市可持续发展。

作为根植于城市血脉的传统街区,业态功能混杂、空间利用率低、历史价值不被重视等时代遗留问题是其逐渐落寞的原因。如何改造复兴、通过内在的活化蝶变为新?
-太平路改造前实景图-

在太平路项目改造的过程中,我们深入思考城市与河流的和谐共生,通过贯通老城河道,揭盖复涌,重兴城市水脉,再现碧绿河景,打造贯城河畔生态友好型街区。并以INS文艺、朋克艺术、文艺市井、生态潮玩以及时尚烟火气作为五大场景风格将老街巷里多个街区进行主题划分,并升级太平IP形象“不二”,赋予其更具活力的潮流态度。

以历史文化为核心元素,将多元的文化思想精粹融入太平路改造项目中,用现代的设计手法重构在地文化,衍生创变,用城市文旅焕新喷水池商圈,提振经济形象地位,构建城市发展方式转型之划时代意义的样板,打造贵阳首个多元多阶层混合立体街区『 ZHI太平 』。

记忆里的童年是时代的缩影,曾经的欢乐于今也成为了落寞的光景。老旧建筑承载了一代人的青春回忆,“熟悉”也是它带给人们的独一无二的感受。
-曲靖国风市集改造前实景图-

在复古风潮席卷的当下,复刻时代回忆是“老破小”建筑的突破之路。其吸引人的魅力是岁月积淀下的浓厚韵味,在有限的空间述说一段跨越时空的故事,让人们能够深刻体味历史与当代的交融。

以旧创新,为曾经的国风影剧院解锁全新身份——室内垂直街区式美食文化博物馆「国风市集」,延续自身的历史文化底蕴,重塑曲靖商业新地标。用现代的手法将熟悉的屋檐、青灰色筒板瓦、砖花墙、猫拱墙、花灯戏等在地文化元素拆解、重构、展现,让老旧的文化符号与新潮的空间传达碰撞出带有曲靖特色的“国风”味道。

从传统商业到非标商业的,空间场景的创新升级和运营形式的新奇多变是激活消费者兴趣,赋予新的功能与价值,打造“不过时”的商业空间是延长商场生命周期的核心。
-五棵松万达广场改造前实景图-

五棵松万达广场的前身卓展购物中心经历几次转手都难以被盘活,30万方的“老大难”空间变成了当地人口中的“倒闭魔咒”。从无法聚集人气的庞大的盒子建筑到成为引流王者的文旅化商业,我们在改造中又做对了什么呢?

图源小红书@三先大叔
作为万达产品存量盘活迭代升级的创新之作,我们以“产品创新”为核心,在消费市场极其多元的当下,跳出购物中心的传统框架和固有套路,更新盒子商业定义,构建围绕文化与艺术的精神栖息地,让商业空间娱乐化、景点化、文旅化。通过反哺人们的精神需求,唤醒都市人群精神生活觉知,重塑自然美学新想象和对未来生活方式的追逐。

宁波京东MALL作为京东线下超级体验店之一,落子港口城市为其带来了更多不一样的色彩。将京东的科技底色与港口城市的沿海文明相结合,独特的人文风情为其渲染出奇幻、潮流、神秘的绚丽风格,科技金属空间荡漾着属于海港的人文风情,打造宁波独有的[科技+消费]潮购趣生活。
-宁波京东改造前实景图-

以“未来科技”为主题,联合200余家知名家电家居品牌,汇聚20万种潮流商品,通过多元娱乐体验空间,让前沿科技触手可及,宁波京东构建潮流十足的奇炫互动沉浸场景,打造具有未来感的全场景综合类消费商业体,为消费者提供一站式的购物体验。多业态场景融合激活“家场景”消费市场,宁波京东用科技重构生活高质新秀场!

不仅仅是后工业时代的大众消费品,工业遗存是一座城市的精神特质、文化记忆和历史精华,在产业升级、城市更新的政策领导下,老旧工业厂房改造再利用是产业转型升级、盘活存量土地资源的重要手段。
-项目改造前实景图-

在潮州旧改项目中,我们以复合型策展型商业为载体,装载科技、文化、零售商业、文创市集等多板块,融合多元化复合业态,塑造更具社交属性等的美学场景,符合年轻人审美喜好的策展型商业,打造差异化符号,形成当地的文化消费目的地。

空间场景的设计表达上,我们更加注重年轻感的营造,这里如同一个市集,又像一场大型展览,让年轻的消费者在商业空间里共享各种不同的内容和体验。

END

","gnid":"9862e4180b9289da0","img_data":[{"flag":2,"img":[{"desc":"","height":989,"title":"","url":"https://p0.ssl.img.360kuai.com/t01679b27a4b80a61af.jpg","width":740},{"desc":"","height":"554","title":"","url":"https://p0.ssl.img.360kuai.com/t01f73c663b2d56e591.jpg","width":"740"},{"desc":"","height":557,"title":"","url":"https://p0.ssl.img.360kuai.com/t019cf61d1434f56b5b.gif","width":740},{"desc":"","height":1147,"title":"","url":"https://p0.ssl.img.360kuai.com/t01d4f8aa7e86d95952.jpg","width":740},{"desc":"","height":"1110","title":"","url":"https://p0.ssl.img.360kuai.com/t01c740dc0e644b48a2.jpg","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t01963503cbcc93cf15.jpg","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t01c7223648fe3ab75a.jpg","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t0173002b4130042f50.jpg","width":"740"},{"desc":"","height":"1137","title":"","url":"https://p0.ssl.img.360kuai.com/t0161cd362ee6ee92e7.jpg","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t0168984afabd778595.jpg","width":"740"},{"desc":"","height":"455","title":"","url":"https://p0.ssl.img.360kuai.com/t0193598ec11824eb01.jpg","width":"740"},{"desc":"","height":"554","title":"","url":"https://p0.ssl.img.360kuai.com/t01de26d78d37ec4d60.jpg","width":"740"},{"desc":"","height":"553","title":"","url":"https://p0.ssl.img.360kuai.com/t01b6669e8a9e2d7738.gif","width":"740"},{"desc":"","height":"415","title":"","url":"https://p0.ssl.img.360kuai.com/t015d2173d2e3f1cb35.jpg","width":"740"},{"desc":"","height":"415","title":"","url":"https://p0.ssl.img.360kuai.com/t01f656be8d9f431853.jpg","width":"740"},{"desc":"","height":"415","title":"","url":"https://p0.ssl.img.360kuai.com/t018a8330c4b80387d7.jpg","width":"740"},{"desc":"","height":"1097","title":"","url":"https://p0.ssl.img.360kuai.com/t0104ca8320ed37e53a.jpg","width":"740"},{"desc":"","height":"1106","title":"","url":"https://p0.ssl.img.360kuai.com/t0135a889f5de67aab3.png","width":"740"},{"desc":"","height":"415","title":"","url":"https://p0.ssl.img.360kuai.com/t010f73465cfa3edefd.jpg","width":"740"},{"desc":"","height":"415","title":"","url":"https://p0.ssl.img.360kuai.com/t0118f04986085c26da.jpg","width":"740"},{"desc":"","height":"415","title":"","url":"https://p0.ssl.img.360kuai.com/t0131a9bfc155bc78ad.jpg","width":"740"},{"desc":"","height":"554","title":"","url":"https://p0.ssl.img.360kuai.com/t01f3d2d443cc918b65.jpg","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t015d29497f6abeaf74.gif","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t0172a3c354dfc0f65a.jpg","width":"740"},{"desc":"","height":"416","title":"","url":"https://p0.ssl.img.360kuai.com/t0167bb56f346d94f1f.jpg","width":"740"},{"desc":"","height":"986","title":"","url":"https://p0.ssl.img.360kuai.com/t0179e44a4eb894b0b6.jpg","width":"740"},{"desc":"","height":"469","title":"","url":"https://p0.ssl.img.360kuai.com/t01f4275ce1bf0cd582.png","width":"740"},{"desc":"","height":"493","title":"","url":"https://p0.ssl.img.360kuai.com/t011208fa0214350dc4.jpg","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t0131854e03c0f4920a.jpg","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t01d777434e6c39c15e.jpg","width":"740"},{"desc":"","height":"493","title":"","url":"https://p0.ssl.img.360kuai.com/t01f76443a6fa3ae644.jpg","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t0110050818b895365c.jpg","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t014e124724833b1dad.jpg","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t015844122e1beff708.jpg","width":"740"},{"desc":"","height":"409","title":"","url":"https://p0.ssl.img.360kuai.com/t01bf6161628d1eb56a.gif","width":"740"},{"desc":"","height":"492","title":"","url":"https://p0.ssl.img.360kuai.com/t0109562754e390b591.jpg","width":"740"},{"desc":"","height":"493","title":"","url":"https://p0.ssl.img.360kuai.com/t0115a0db26cd9fa830.jpg","width":"740"},{"desc":"","height":"794","title":"","url":"https://p0.ssl.img.360kuai.com/t01dbf1b8da2295050c.jpg","width":"740"},{"desc":"","height":"493","title":"","url":"https://p0.ssl.img.360kuai.com/t01b0d5ed19e4ae5309.jpg","width":"740"},{"desc":"","height":"493","title":"","url":"https://p0.ssl.img.360kuai.com/t013dfb32d1121abaa8.jpg","width":"740"},{"desc":"","height":"493","title":"","url":"https://p0.ssl.img.360kuai.com/t01003653f3b37cd36b.jpg","width":"740"},{"desc":"","height":"493","title":"","url":"https://p0.ssl.img.360kuai.com/t011a6941974ad19128.jpg","width":"740"},{"desc":"","height":"416","title":"","url":"https://p0.ssl.img.360kuai.com/t0179da074f9ec9b502.jpg","width":"740"},{"desc":"","height":"416","title":"","url":"https://p0.ssl.img.360kuai.com/t01c0582851fdd1d397.jpg","width":"740"},{"desc":"","height":"554","title":"","url":"https://p0.ssl.img.360kuai.com/t011cde073ffa843934.jpg","width":"740"},{"desc":"","height":"555","title":"","url":"https://p0.ssl.img.360kuai.com/t015ce21e477676d760.gif","width":"740"},{"desc":"","height":"416","title":"","url":"https://p0.ssl.img.360kuai.com/t0140cc299844098daf.jpg","width":"740"},{"desc":"","height":"416","title":"","url":"https://p0.ssl.img.360kuai.com/t0140a41ce1cb3f1b10.jpg","width":"740"},{"desc":"","height":"416","title":"","url":"https://p0.ssl.img.360kuai.com/t01b7ac2e6e472171d7.jpg","width":"740"},{"desc":"","height":"416","title":"","url":"https://p0.ssl.img.360kuai.com/t01445e6a1ea7f8bd3f.jpg","width":"740"},{"desc":"","height":"462","title":"","url":"https://p0.ssl.img.360kuai.com/t0126cb80754530f4f0.png","width":"740"},{"desc":"","height":"462","title":"","url":"https://p0.ssl.img.360kuai.com/t01cd81deb553bcb3b1.png","width":"740"},{"desc":"","height":"462","title":"","url":"https://p0.ssl.img.360kuai.com/t011af85eca9cc2d398.png","width":"740"}]}],"original":0,"pat":"art_src_0,socialc,fts0,sts0","powerby":"pika","pub_time":1710410291000,"pure":"","rawurl":"http://zm.news.so.com/ece9fe6d45a73b1eb0c6c80dc7c1cda2","redirect":0,"rptid":"5a70aa620ca5c0a7","rss_ext":[],"s":"t","src":"空间印象策略型商业设计","tag":[],"title":"城市更新 | 城市的商业活力如何在存量空间里得到更新

陈炒芬2356Android浏览器下line - height垂直居中为什么会偏离 -
萧秋真19779037071 ______ 我是这样理解的,多少像素的行高就是在多少像素高的一行里垂直居中,所以你的盒子高度如果和行高一样,看上去就正好垂直居中了,如果行高是30px,高度是60px,就看上去是均分的两行了.如果行高是40px,盒子高度只有30px,看上去字就靠下了,因为它整体就超出了盒子下边缘了.

陈炒芬2356div + css 垂直居中 -
萧秋真19779037071 ______ 用padding来做,比如你一个DIV中的文字,你DIV的高度是30px,那么你的padding-top:10px; 那么你DIV的高度就是20px,这样你的文字就实现居中,记住DIV+CSS很灵活,计算高度,宽度很重要,而且计算高度宽度的时候要计算进去,你使用了任何的padding,margin,boder,等元素,拿才是你真正的高度,宽度

陈炒芬2356如何使文字在div中水平和垂直居中的css代码 -
萧秋真19779037071 ______ 可以用“text-align”属性和“line-height”属性.1、新建html文件,在body标签中添加div标签,在div标签输入文字,这里以“演示文本”为例,给div标签设置宽度、高度和背景色属性,属性值分别为200、100和灰色,这时“演示文本”默认位置为div盒子的左上方:2、这时给div标签添加上“text-align”属性,属性值为“center”,这时文字将会在div容器中水平居中:3、这时给div标签添加行高“ling-height”属性,属性值为高度的值“100px”,再添加“vertical-align”属性,属性值为“middle”,这时文字将会水平垂直都居中:

陈炒芬2356CCS如果让文字垂直居中?如图,一行的时候我可以设置line - height,但是这两行就不行了 -
萧秋真19779037071 ______ html> CCS如果让文字垂直居中?如图,一行的时候我 CCS如果让文字垂直居中?多行的话,你可以在里面嵌套一个盒子(必须设置为块状元素,这样才能设置宽高),把这个盒子设置高度然后居中,再让里面的文字line-height等于里面盒子高度的一半即可.

陈炒芬2356CSS为什么行高line - height与文字高height一样就能让文字居中? 有没有人能具体点解 -
萧秋真19779037071 ______ 首先行高是文字的字符大小和字符上下的边距决定的,关键就是这个上下的边距是相等的,你可以把行高想象是两条看不见的水平平行线,而在平行线内,字符与平行线上下的边距总是相等的,就是垂直居中的意思.而height这个属性是盒子属...

陈炒芬2356如何让DIV在网页里垂直剧中啊
萧秋真19779037071 ______ 如何使一个div盒子在任意浏览器中都居中显示? 要使一个DIV层居中于浏览器中,有各种不同的方法,本文介绍用百分比绝对定位,与外补丁负值的方法,使DIV容器在页面相对居中,兼容 firefox标准浏览器.代码如下: div { position:absolute; ...

陈炒芬2356C#中如何让textbox控件在多行情况下垂直居中? -
萧秋真19779037071 ______ 建议你使用richTextBox控件,默认便是支持多行的输入.下面一段代码便是将你选中的文本部分,按照居中的方式显示:richTextBox1.SelectionAlignment = HorizontalAlignm...

陈炒芬2356如何在一个DIV盒子里将图片居中 除了用margin -
萧秋真19779037071 ______ p { display:table-cell;width:134px;height:134px; line-height:134px;border:1px solid #dedede;vertical-align:middle;text-align:center; *display: block;*fo...

陈炒芬2356css如何让块和文字居中在网页里居中对齐 -
萧秋真19779037071 ______ 垂直居中的话可能又点难,除非用弹性盒子,正常的话.margin:0 auto; 水平都是能居中的 display: flex; //设置成弹性的 justify-content: center; 主轴对齐方式 居中 align-items: center; //侧轴对齐方式 居中 就是把 包围块跟文字的那个div 设置成这个属性 那它里面的标签都会 水平加垂直居中 还有一种办法就是 用margin:0 auto; 水平居中后 用padding 来控制上下的内边距,这样实现垂直居中的效果. 用padding的时候最好加上box-sizing: border-box; // 总的盒子的大小不会变.

(编辑:自媒体)
关于我们 | 客户服务 | 服务条款 | 联系我们 | 免责声明 | 网站地图 @ 白云都 2024