【HTML】
csdnluolei
这个作者很懒,什么都没留下…
展开
-
两个div在同一行且不换行
<div style="display:inline;"> <div style="float:left"><label class="">周数:</label></div> <div style="float:left"> &原创 2018-11-09 13:21:41 · 2071 阅读 · 0 评论 -
将button变成圆形(有弧度)
border-radius可以将button变成圆形,也可以给div加有弧度边框border-radius 规则:一个值:四个圆角值相同两个值:第一个值为左上角与右下角,第二个值为右上角与左下角三个值:第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。样式:<...原创 2018-11-10 21:10:43 · 43569 阅读 · 5 评论 -
display:inline-block,block,inline的区别与用法
一、首先要了解什么是块级元素与行级元素块级元素会占领页面的一行,其后多个block元素自动换行、 可以设置width,height,设置了width后同样也占领一行、同样也可以设置 margin与padding属性。ps:常见的块级元素:div,img,ul,form,p等行级元素与其他元素在同一行上,高度,行高以及底边距不可改变,高度就是内容文字或者图片的宽度,不可以改变...转载 2018-12-13 09:30:48 · 122 阅读 · 0 评论 -
文字和图片同排同行
设置css使文字和图片同排同行时候上下垂直居中 我们只需要在CSS样式,加入CSS代码如下:img{ vertical-align:middle;} 加入以上对图片设置上下居中CSS样式即可让在同排...原创 2019-01-07 11:31:52 · 4525 阅读 · 1 评论