首页 >>  正文

body元素居中

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

The Body Lab是一家十分特殊的连锁品牌健身房,在这里人们彼此熟悉,共同营造一个亲切的运动社群空间。场地位于商业空间的氛围之中,空间的主人希望这家健身房之中可以容纳一家小型的咖啡馆。我们将空间属性重新定义为一家与咖啡馆“嵌套”在一起的健身房。

为了实现这种“社群”气氛,我们避免使用刻板印象中过分刺激的健身房元素,转而采用朴素的材料——水泥砌块砖作为空间主材,同时为设备、收纳家具等这些基础设施赋予明快的色彩系统,强化空间的识别性。这套色彩系统沿用了80年代车间的色彩体系,浅绿色的吧台,橙红色的扶手、消防门,深绿色的柜体,仿佛将时间带回那个平等、有故事的年代。

区别于将吧台、休息区、更衣、储物模块分区布置的常规手法,我们将这些空间功能拆散混合,围绕核心健身区域打造了一个流线与视线均在流动的社交空间。这种“混合”与“流动”增加了以往健身房或咖啡馆没有的交互场景:课程开始前,学员可以在吧台前边喝咖啡边驻足等待,也可以就坐于更衣模块之间,与更衣存包的伙伴交谈,或者观摩团课教室内的学员训练;上课过程中,学员也可以通过半透明隔断隐约看见其他伙伴在喝咖啡、交谈或更衣存包,这时刻给予学员们一种身处于社群之中的感觉,将存在于虚拟之中的“社群”概念具象为空间表达。

平面图↓

项目地点:北京市,朝阳区,北京嘉里中心

设计时间:2023年4月-6月

施工完成:2023年9月主创设计师:汪铮项目负责人:廖惠琴

设计团队:许辉、向怀志

商业模式咨询:凹凸合作社

给排水设计:宋颜波

暖通设计:高飞

电气设计:闫天雄

工程技术负责人:杨定荣

工程现场负责人:李益中

摄影:金伟琦摄影版权:空间站建筑师事务所

","gnid":"9f0da457ae7a732e8","img_data":[{"flag":2,"img":[{"desc":"","height":"435","title":"","url":"https://p0.ssl.img.360kuai.com/t01941d480d3b33465a.jpg","width":"1080"},{"desc":"","height":"720","title":"","url":"https://p0.ssl.img.360kuai.com/t01cb998d13e02f792f.jpg","width":"1080"},{"desc":"","height":"720","title":"","url":"https://p0.ssl.img.360kuai.com/t01ca81f70055010873.jpg","width":"1080"},{"desc":"","height":"720","title":"","url":"https://p0.ssl.img.360kuai.com/t014807da04eada0280.jpg","width":"1080"},{"desc":"","height":"720","title":"","url":"https://p0.ssl.img.360kuai.com/t01aa46e9d02e2a624c.jpg","width":"1080"},{"desc":"","height":"720","title":"","url":"https://p0.ssl.img.360kuai.com/t015cd7312e4c6ab5b3.jpg","width":"1080"},{"desc":"","height":"810","title":"","url":"https://p0.ssl.img.360kuai.com/t017a889b3ac03636c0.jpg","width":"1080"},{"desc":"","height":1465,"title":"","url":"https://p0.ssl.img.360kuai.com/t018e514d4ac8fadf89.jpg","width":1080},{"desc":"","height":"810","title":"","url":"https://p0.ssl.img.360kuai.com/t010d1b5f8e933ec4d4.jpg","width":"1080"},{"desc":"","height":1620,"title":"","url":"https://p0.ssl.img.360kuai.com/t01b434ab75b1a05bd4.jpg","width":1080},{"desc":"","height":1620,"title":"","url":"https://p0.ssl.img.360kuai.com/t01dfc495725d03263c.jpg","width":1080},{"desc":"","height":"435","title":"","url":"https://p0.ssl.img.360kuai.com/t0133543eb9059578d4.jpg","width":"1080"},{"desc":"","height":"720","title":"","url":"https://p0.ssl.img.360kuai.com/t01fd51c7be2d69d7c4.jpg","width":"1080"},{"desc":"","height":"720","title":"","url":"https://p0.ssl.img.360kuai.com/t019a03d381590ac1e3.jpg","width":"1080"},{"desc":"","height":"720","title":"","url":"https://p0.ssl.img.360kuai.com/t018b921bf80785390c.jpg","width":"1080"},{"desc":"","height":"720","title":"","url":"https://p0.ssl.img.360kuai.com/t01db82d4ed7f042241.jpg","width":"1080"},{"desc":"","height":"720","title":"","url":"https://p0.ssl.img.360kuai.com/t0106f4a5850a79562c.jpg","width":"1080"},{"desc":"","height":"720","title":"","url":"https://p0.ssl.img.360kuai.com/t01719a3cbb660163b8.jpg","width":"1080"},{"desc":"","height":"763","title":"","url":"https://p0.ssl.img.360kuai.com/t01c5c9160f52c1cce6.jpg","width":"1080"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"pika","pub_time":1702434300000,"pure":"","rawurl":"http://zm.news.so.com/76ff9200b8425c5e71e8490bae64d248","redirect":0,"rptid":"53a0294829b9ef5d","rss_ext":[],"s":"t","src":"世界建筑报道","tag":[{"clk":"kfitness_1:健身房","k":"健身房","u":""}],"title":"连锁品牌健身房The Body Lab 北京嘉里中心店

隗放姚3048asp.net中控件除了用css外,如何设置全部控件居中(在<body>里用align=center无效)
沈亨育18416503897 ______ body好像没有align这个属性,只能用style="text-align:center"这种CSS样式来居中,要不然就将整个body里的东西用其它对像包起来(比如DIV),然后在该对象中设置align

隗放姚3048要把网页说有的内容居中,CSS怎么写? - 技术问答 -
沈亨育18416503897 ______ 网上说的不全.我来告诉你.[ol][*]body {[*]width:960px;[*]margin:0 auto;[*]}[/ol]这条就能让整个body元素居中了.(对于ie6+ ff opera chrome)从代码可以分析得出,要使一个元素居中,必须设置其宽度(这也就是说元素必须是block/inline-block...

隗放姚3048text - align:center;在body下,是否是指BODY的子对象居中对齐,body内的容器DIV在text - align:center;下就可以居中显示?
沈亨育18416503897 ______ text-align:center一般用于控制文本的对#方式,但对去IE6来说,只能用text-algin:center;来控制div的居中,对于标准的W3C浏览器就用margin:0 auto;来控制div居中!所以你上面在body设置了text-align:center,在IE6是可以居中的``但在firefox就不可以居中.所以这样也可以看出你是用IE6的浏览器!

隗放姚3048div+css怎么居中. -
沈亨育18416503897 ______ 是这样 BODY是指页面 那么定义居中是指页面内部元素居中 所以 text_align:center是针对像BODY这样的父元素的(当然指IE都知道) margin:0 auto是针对父元素内要约束的子元素的(指标准都知道) 所以 你这个要想居中 内部可拟定个子元素 比如BOX吧 然后定义: body{text-align:center;} #box{margin:0 auto;} HTML码: 分就不用了 希望对兄弟有用就好

隗放姚3048dw中如何让页面居中 -
沈亨育18416503897 ______ 新建一个div容器,把要居中的内容包含,如:<div id="wrap">这里是要包含的页面内容</div>把下面的代码加到css文件中:body{margin:0;}/*重置body元素,因不同浏览器有不同的默认值,在此使之在不同的浏览器中一样*/#wrap{margin:0 auto;width:980px;height:auto;}/*margin:0 auto;解决居中;width:980px;height:auto;是对宽和高进行控制,楼主你可以设为自己实际的值.*/

隗放姚3048DIV网页页面怎么居中? -
沈亨育18416503897 ______ 方法有很多种,一般常用的是这种.<body style="text-align:center;"> <div style="background:#000;margin:0 auto;height:200px;width:800px;"></div> </body> body居中之后,然后设置div的高度宽度,兼容ie,设置margin的top 和right为0,auto 如果还不成功,估计是这个div的其他css属性冲突了.还有问题可以追问.

隗放姚3048css居中显示 -
沈亨育18416503897 ______ 尽量不要吧, 从测试中我感觉body是个很特殊的元素. 先看例子 new document 我是一个段落.我这段内容超级长我是一个段落.我这段内容超级长我是一个段落.我这段内容超级长我是一个段落.我这段内容超级长我是一个段落.我...

隗放姚3048FRONTPAGE中如何使网页居中
沈亨育18416503897 ______ 可以把body里面的内容放在一个元素中,然后再给它加居中样式就ok了.如下: style="margin:0px auto;"

隗放姚3048div+css如何居中
沈亨育18416503897 ______ #center{width:100px;hinght:100px;magin:autio;}

隗放姚3048html/css 可以截取图片的一部分作为背景垂直平铺嘛 -
沈亨育18416503897 ______ 可以,把div 的大小设成和图片的大小一样 就行 也可以不改图片大小 但是如果图片比div大 就会看不到一部分 如果图片小了,会自动重复图片铺满整个div 可以设置repeat 让背景图片重复 div 一定要设 大小 不然div没有内容 就不会显示背景了

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