首页 > 其他分享 >css的行内元素哪些属性不生效。

css的行内元素哪些属性不生效。

时间:2023-03-31 10:13:28浏览次数:45  
标签:行内 哪些 元素 生效 css 属性

起因是在解决异常的时候提醒

 

 故而思索,行内元素不能使用边距宽高吗

搜索后发现:

1、不是所有的行内元素都不能使用width、height。比如img

2、行内元素可以使用padding

3、行内元素的左右外边距是生效的,上下不行

标签:行内,哪些,元素,生效,css,属性
From: https://www.cnblogs.com/Zhang-jin/p/17275337.html

相关文章

  • CSS总复习(一)基础
    CSS是什么CSS(层叠样式表)用来规定HTML文档的呈现形式(外观和格式编排)。CSS样式由一条或多条以分号隔开的样式声明组成。每条声明包含着一个CSS属性和该属性的值,二者以冒号分隔。PS:书中有句话很nice:“笨蛋才会为完美的CSS方案纠缠不休”。因为一种效果的实现方式可能有很多种,你只要......
  • 纯CSS3实现多行文本截断
    纯CSS处理多行文本展开和收起,直接上代码和效果图1<html>2<header>3<style>4.wrap{5position:relative;6padding:5px25px25px;7border-radius:5px;8box-shadow:05px20px3px#cc......
  • css实现横向滚动文字
    css如何做横向滚动文字在css中,想要实现横向滚动的文字,需要利用animation属性和@keyframes规则来实现元素缩放的动画效果,通过@keyframes规则,能够创建动画。创建动画的原理是,将一套CSS样式逐渐变化为另一套样式。在动画过程中,您能够多次改变这套CSS样式。以百分比来规定改......
  • css控制文本超出省略(单行、两行、多行)
    想要控制文本长度?想要文本超出隐藏?还想要不用JavaScript实现?让我们来用css试试吧~本文重点css控制文本超出省略。完成单行、两行、多行的效果注意点本文提到的方法都需要控制元素width的大小单行省略:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;......
  • Media Query 在 CSS 中使用的一个具体例子
    在CSS中,MediaQuery是一种用于指定不同屏幕尺寸和设备类型的样式表的技术。如下图所示:alland(max-width:360px)是一个MediaQuery表达式,它指定了一个条件,只有在......
  • CSS选择器之基础选择器和复合选择器
    本博文介绍CSS中的基础选择器和复合选择器。基础选择器包括标签选择器、类选择器、id选择器和通配符选择器,复合选择器包括后代选择器、子选择器、并集选择器和伪类选择器......
  • css列数自适应的grid布局
    近期做项目,遇到了一点样式上的问题,理论上通过直接改/嵌套一层来解决比较容易,但实际上,数据结构没我想象中的简单具体例子如下:demo期望效果: ......
  • css设置超过固定长度以省略号显示
    1.设置一行内超过规定长度以省略号显示代码:.box1{background-color:orange;/*设置规定长度*/width:100px;/*......
  • CSS3-页面布局基础一
    一、CSS概要web前端开发者最最注的内容是三个:HTML、CSS与JavaScript,他们分别在不同方面发挥自己的作用,HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端......
  • 彻底弄懂css中单位px和em,rem的区别
    国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢? PX特点1.IE无法调整那些使用px作为单位的字体大小;2.国外的大部分网站能......