摘要:
例如,在App.vue中,可以使用这样一段代码,即: 在这段代码中, <m-header></m-header> <tab></tab> 就会被所有的页面用到!从而实现了复用! 阅读全文
posted @ 2018-07-01 22:32
追风筝的蜗牛
阅读(708)
评论(0)
推荐(0)
摘要:
(1)先放代码,即: 我认为flex是设置一段区域,然后flex=1的部分会自动使用剩下的所有空间。 (2)父元素title-2设置为: display: flex height: 9rem (3)同时,设置图片的高度为8.8rem,然后再用padding使用余下的高度,即: height: 8.8 阅读全文
posted @ 2018-07-01 21:47
追风筝的蜗牛
阅读(2009)
评论(0)
推荐(0)
摘要:
(1)先上代码,即: (2)首先设置大div的高度,这里通过设置icons,即: height: 0 padding-bottom: 50% 可以实现大div高度为长度的50%,50%是根据父元素的宽度作为标准的。 (3)然后设置小div的高度和宽度,即icon为: height: 0 paddin 阅读全文
posted @ 2018-07-01 20:07
追风筝的蜗牛
阅读(2557)
评论(0)
推荐(0)
摘要:
(1)先放出示例代码,即: (2)一开始引入图片的时候,图片会非常大,但给<img>标签中增加增加1个样式,其中将width设置成100%即可实现正常显示。 (3)但采用iview组件无法实现通过手指拨动图片的效果,而且左右显示的位置不是中间位置; (4)也试了一下element ui组件,还是还是 阅读全文
posted @ 2018-07-01 15:59
追风筝的蜗牛
阅读(7455)
评论(0)
推荐(1)
摘要:
(1)先放示例代码,即: (2)首先,在父元素中采用flex布局,然后左子元素采用向左浮动,右元素采用向右浮动,而中间元素设置flex为1,即在左右元素宽度确定的情况下,剩下的宽度由中间部分占领。 (3)当父元素的高度等于子元素的行高时,子元素会实现上下自动居中;(只试用只有一行的情况下) (4)采 阅读全文
posted @ 2018-07-01 15:35
追风筝的蜗牛
阅读(1548)
评论(0)
推荐(0)
摘要:
(1)先放出相应的代码,即: (2)将父元素设置为relative,子元素设置为absolute,同时让子元素的top、left等设置为0,最后将margin设置为auto,即可实现父元素方框中的input框上下对齐。 (3)将height和line-height设置为一样高,可以实现里面的文字上下 阅读全文
posted @ 2018-07-01 09:55
追风筝的蜗牛
阅读(773)
评论(0)
推荐(0)

浙公网安备 33010602011771号