包子vi设计的核心价值在于为企业打造独特的品牌,包子vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“包子vi设计”配图为本公司设计作品
自从我发现你可以这样做,各种水平布局就引起了我的兴趣。我不知道我为什么会对它们着迷…也许这只是我内心的叛逆。不管是什么原因,我已经准备好宣布垂直滚动在上个千年已经过时了。
好吧,我不是这个意思。尽管如此,随着触摸屏数量的突然增加,断言"上下"是我们的最佳选择变得更加困难。"左右"已经成为内容放置的可行方向,只要你不处理大量的文本。
不过,我从来没有费心去真正构建任何水平布局。技术问题和限制似乎总是超过任何风格或导航的好处。然而,那是以前的事了;这是现在…
我遇到了这篇文章中描述的技巧,就像我平常遇到事情的方式一样:尝试做完全不同的事情。我正试图(你可以笑)创建一个基于显示的aCSS网格框架:表格单元(好了,别笑了)。
好吧,由于现在看来显而易见的原因,它不起作用。您可以尝试使用表格单元格属性创建一个响应图像网格。去吧,我等着。
简单地说,表格单元格被设计成形成一个单独的水平行。(我说别笑了!)他们就是这样,当你试图让他们做别的事情时,他们也不喜欢。我放弃了那个项目。然而,几周后,我又在考虑重新设计我的投资组合。
我想把我所有的项目放在一个页面上会很好。我考虑了几种展示我的网页、写作和摄影项目的组织方案,并想到了这个:我想将这三个类别显示为水平滚动的缩略图行。
这时候我突然想到:"表格细胞非常适合这个。此外,你可以垂直居中的东西!我聪明到疼!"[这里有些戏剧化。]
我还没有去重新设计我的网站,相反,我把我的技术的两个例子放在。本文底部链接到的活力文件。
让它工作
所以,给你一个忠告,这是我做的一个备忘录。
下面是每一行的标记方式:
div class='水平'
div class='table '
文章
h3项目标题/h3
/文章
!-根据需要多次重复这一部分。-
/div
/div
由此,使其工作所需的半铸钢钢性铸铁(Cast Semi-Steel)就足够简单了:
//这个容器元素给了我们想要的滚动条。
水平分区{
宽度:100%;
高度:400像素
溢出:自动;
}
//表格布局:已修复在这里做了很多神奇的事情。它确保"表格单元格"保留您想要的像素尺寸。表格{
显示:表格;
表格布局:固定;
宽度:100%;
}
//在"单元格"内排列内容就像使用垂直对齐和文本对齐属性一样简单。浮动也可以。
文章{
宽度:400像素
高度:400像素
显示:表格单元;
背景:# e3e3e3
垂直对齐:居中;
文本对齐:居中;
注:本文“包子vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐