CSS中元素在某一行上 居中/居左/居右

摘要:
我们在做网页的时候经常会遇到这样的需求,要求某张图片在某一行上居中/居左/居右。传统的做法是用table来分配,但是这样做极其笨!!如果我们采用CSS,一般有2种做法:1)设置这一行的div的style为:text-align:left;/text-align:center;/text-align:right;2)设置该元素的style为:float:left;/float:right;注意:元素浮动没有向中间,只有向左或向右。
我们在做网页的时候经常会遇到这样的需求,要求某张图片在某一行上 居中/居左/居右。
传统的做法是用table来分配,但是这样做极其笨!!
如果我们采用CSS,
一般有2种做法:
1)设置这一行的div的style为:text-align:left; / text-align:center; / text-align:right;
2) 设置该元素的style为:float:left; / float:right;
注意:元素浮动没有向中间,只有向左或向右。

免责声明:文章转载自《CSS中元素在某一行上 居中/居左/居右》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Libnids---编写网络应用程序的利器Jetson AGX Xavier/Ubuntu测试SSD的读写速度下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前端性能优化常用方法

网页内容 1.1 减少http请求次数 1.1.1捆绑文件 通过一些现成的库将多个脚本文件捆绑成一个文件,将多个样式表文件捆绑成一个文件,以此来减少文件的下载次数。 1.1.2CSS Sprites 把多个图片拼成一副图片,然后通过CSS来控制需要显示图片的位置( CSS Sprites Generator) 1.1.3Inline images 通过Ba...

Selenium---元素定位之CSS定位

CSS 选择器: 常见符号: #表示 id选择器 .表示 class选择器 >表示子元素,层级 一个空格也表示子元素,但是是所有的后代子元素,相当于 xpath 中的相对路径 一、css:属性定位 1.css可以通过元素的id、class、标签这三个常规属性直接定位到 2.如下是百度输入框的的html代码: <input type="text"...

taro: RichText 显示文章图片自适应

const __html = ` <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; color: rgb(51, 51, 51); font-family: &quot;Microsoft YaHei&quot;, YaHei,...

CSS 实现加载动画之五-光盘旋转

今天做的这个动画叫光盘旋转,名字自己取的。动画的效果估计很多人都很熟悉,就是微信朋友圈里的加载动画。做过前面几个动画,发现其实都一个原理,就是如何将动画的元素如何分离出来。这个动画的实现也很简单,关键点在于如何将元素拼凑成风车形状。然后定义动画的关键帧为rotate 360度,应用于整个元素上,就可以使整个元素旋转起来。案例在请在chrome中查看。 1....

css之变形(transform)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css3变形,阴影和渐变背景色属性</title> </head> <!-- 变形【transform】 向元素...

媒体查询的详细用法

media type(媒体类型)是css 2中的一个非常有用的属性,通过media type我们可以对不同的设备指定特定的样式,从而实现更丰富的界面。media query(媒体查询)是对media type的一种增强,是CSS 3的重要内容之一。随着移动互联网的发展,media query开始得到大家的重视。 media type 让我们先了解一下med...