css
shi_1204
这个作者很懒,什么都没留下…
展开
-
text-align:justify;使用
在开发过程中,对于text-align一般用到的是left,center,right,这三个属性都不会陌生。对于justify的使用却很模糊.<head><meat charset="utf-8"><title>justify多行使用</title><style>p{width:50px;text-align:justify;}</style></head><body><p>jus原创 2018-03-05 16:27:33 · 736 阅读 · 0 评论 -
img标签之间空格的解决方法
img标签内的width和height指的是原图片的宽高后面不需要加单位.如果要设置一张图片的宽高使用css, 只设置一个宽或高时,另一个会进行同比例缩放. 去除图片中间的空格 比较简单的一种是吧img标签放在同一行, 因为img标签属于inline-block元素, 凡是带有inline的元素,都有文字特性.所有换行的img标签之间会被浏览器解析为默认有一个空格,也就是文字分隔符....原创 2018-03-05 17:03:24 · 3372 阅读 · 1 评论 -
如何解决margin塌陷以及margin合并
什么是外边距合并,以及常见的几种情况外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。 所谓的外边距合并就是,当两个垂直外边距相遇时,它们将形成一个外边距。合并的外边距的高度等于两个发生合并的外边距的高度中的较大者。发生合并的情况有以下几种:两个元素是兄弟关系: .两个元素是父子关系(没有内边距或边框把外边距分割开): 一个空元素,没...原创 2018-05-05 16:38:29 · 13063 阅读 · 2 评论 -
通过BFC和伪元素 解决块级父级无法包裹浮动元素的问题
浮动元素会产生浮动流所有产生了浮动流的元素,块级元素看不到它们 , 但是产生了BFC的元素和文本类属性(inline)的元素以及文本都能看到浮动元素 注:并未脱离文档,只有块级元素看不到它.一, BFC解决 <style type="text/css"> .box{ border: 2px solid black; ...原创 2018-05-05 22:30:26 · 463 阅读 · 0 评论