关于css的一些特别用法

（1）input 怎么设置宽高用style来设置，<input style="width:111px;height:111px">（2）怎么让img和input在同一行

如何让input输入框与img在同一行居中对齐，由于经常会使用到，默认情况下将input和img放同一行，img标签总是比input高出一个头，很难看，大家可以参考下本文或许有所帮助

将input和img放同一行，img标签总是比input高出一个头，难看。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性，这个方法似乎的确可行，但是不符合HTML标准。后来发现同时给input和img添加vertical-align:middle就行：

在写css时，使得input和img在同一行居中对齐的方法： 代码如下:img{vertical-align:middle;}  input{width:宽度;height:高度;line-height:与高度一致;margin:0px;padding;0px;font-size:字体大小;border:边框;vertical-align:center;}

或直接这样写代码如下:input,img{vertical-align:middle;}

转载于:https://www.cnblogs.com/wth21-1314/p/6907292.html

关于css的一些特别用法相关推荐

css中hideFocus的用法
css中hideFocus的用法简单说:hideFocus是对超链接外虚线框的设定! hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: onFocus="this.b ...
html nthchild作用,详解CSS中:nth-child的用法
前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是":nth-child". 下面我将用几个典型的实例来给大家讲解:nt ...
CSS样式 float浮动用法
CSS样式 float浮动用法前言 Css样式的float浮动属性,用于设置标签对象(如:<div>标签盒子.<span>标签.<a>标签.<em>标 ...
html css中margin的用法
css中margin的用法 1.使用auto实现在浏览器水平自动居中 2.margin实现贴边 3.使用margin垂直外边距的合并示例: 4.margin-top的塌陷问题 1.外部盒子设置一个边 ...
css .clearfix,css之clearfix的用法深入理解(必看篇)
如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有 clear,导致不能被撑开.看下面的例子: Div布局如下: Css代码如下: CSS Code复制 ...
HTML与CSS各种代码与用法,几种关于html和css的使用方法
HTML使用方法篇一:颜色代码如果你想使用某种颜色,取得它的颜色值即可.比如,您想改变某些文字的颜色,您可以使用下面的代码:改变#符号后的代码即可改变颜色二:文字加粗倾斜的代码 ◆文字加粗的代码 ...
加js库和css库| jQuery hover()用法 |document.onreadystatechange |get和post
**************************************************************************************************** ...
细数CSS伪元素及其用法
引言 CSS中有两个很常见的概念,伪类和伪元素. 伪类用于在页面中的元素处于某个状态时,为其添加指定的样式. 伪元素会创建一个抽象的伪元素,这个元素不是DOM中的真实元素,但是会存在于最终的渲染树中, ...
CSS:hover常见问题及用法
目录 hover定义 hover用法 hover问题后记 hover定义 :hover 选择器用于选择鼠标指针浮动在上面的元素 hover用法控制自身样式 <div class=" ...

关于css的一些特别用法

关于css的一些特别用法相关推荐

最新文章

热门文章