社区
CSS
帖子详情
在block后的a中设置图片边距的问题
nomis827
2014-12-16 10:37:10
<a href="#"><img src="pic2.gif" width="75" height="75" border="0" /></a>
一张75*75的图片加个链接
a:link{
display:block;
width:100px;
height:100px;
}
我在a 中加入 padding-left:15px; 会使a高和宽被撑开
而改用 img{margin-left:10px;}则没有出现被撑开问题
...全文
122
3
打赏
收藏
在block后的a中设置图片边距的问题
一张75*75的图片加个链接 a:link{ display:block; width:100px; height:100px; } 我在a 中加入 padding-left:15px; 会使a高和宽被撑开 而改用 img{margin-left:10px;}则没有出现被撑开问题
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
scufzk2008
2014-12-19
打赏
举报
回复
放不下,撑开了
leon_10
2014-12-17
打赏
举报
回复
楼上说的很对
还有要注意的一点就是关于浏览器兼容性
一旦为页面设置了恰当的 DTD,大多数浏览器都会按照上面的图示来呈现内容。然而 IE 5 和 6 的呈现却是不正确的。根据 W3C 的规范,元素内容占据的空间是由 width 属性设置的,而内容周围的 padding 和 border 值是另外计算的。不幸的是,IE5.X 和 6 在怪异模式中使用自己的非标准模型。这些浏览器的 width 属性不是内容的宽度,而是内容、内边距和边框的宽度的总和。
虽然有方法解决这个问题。但是目前最好的解决方案是回避这个问题。也就是,不要给元素添加具有指定宽度的内边距,而是尝试将内边距或外边距添加到元素的父元素和子元素。 ——摘自W3SCHOOL
slwsss
2014-12-16
打赏
举报
回复
margin 外边距 padding 内边距 设置padding会影响元素宽度
html ul元素内
边距
,内联元素为啥
设置
内外
边距
都有效果??
块级元素(
block
):新行开始;高度,行高以及外
边距
和内
边距
都可...宽度就是它的文字或
图片
的宽度,不可改变内联元素只能容纳文本或者其他内联元素常用的内联元素:a、span、img、input、lable、select、strong、text...
CSS学习笔记(九)display: inline-
block
,CSS 布局- 水平和垂直对齐
同样,如果
设置
了 display: inline-
block
,将保留上下外
边距
/内
边距
,而 display: inline 则不会。 与 display:
block
相比,主要区别在于 display:inline-
block
在元素之后不添加换行符,因此该元素可以位于其他
display:
block
详解
1、每一个元素都有默认的display属性值,比如div元素,它的默认display...2、块级元素:占据一定矩形空间,可以通过
设置
高度、宽度、内外
边距
等属性,来调整的这个矩形; 行内元素 : 自己的独立空间,它是依附于
10.CSS
边距
边框属性1.1同时
设置
四边1.2分别
设置
边框(方式一)1.3分别
设置
边框(方式二)1.4分别
设置
边框(方式三)1.5练习1.6边框制作图形2.
边距
2.1内
边距
2.2外
边距
1.注意2.外
边距
合并现象(水平方向)3.外
边距
合并现象(垂直方向)3....
block
,inline和inline-
block
它们最大区别是:
block
元素可以
设置
宽度,独占一行。inline元素宽度由内容决定,与其他元素并列在一行。 display:
block
block
元素会独占一行,多个
block
元素会各自新起一行。默认情况下,
block
元素默认宽度是父...
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章