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;

注意:元素浮动没有向中间,只有向左或向右。
目录
相关文章
|
1月前
|
前端开发 JavaScript
css之伪类hover改变自身、子元素、其他元素的样式
css之伪类hover改变自身、子元素、其他元素的样式
27 0
|
2月前
|
前端开发 JavaScript 开发者
CSS隐藏元素的N种方法,你知道哪一种最适合你?
欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。
|
3月前
|
前端开发 小程序
CSS元素居中大全
CSS元素居中大全
|
4月前
|
前端开发 JavaScript
如何利用jQuery来向一个元素中添加和移除CSS类?
如何利用jQuery来向一个元素中添加和移除CSS类?
28 0
|
2天前
|
前端开发
css中几种隐藏元素的方法
css中几种隐藏元素的方法
7 0
N..
|
25天前
|
前端开发 容器
CSS 网页布局元素
CSS 网页布局元素
N..
23 1
|
30天前
|
前端开发 UED 容器
CSS3美化网页元素
CSS3美化网页元素
10 0
|
1月前
|
移动开发 HTML5
编程笔记 html5&css&js 024 HTML表单元素
编程笔记 html5&css&js 024 HTML表单元素
|
2月前
|
Web App开发 存储 前端开发
【JavaEE初阶】 CSS相关属性,元素显示模式,盒模型,弹性布局,Chrome 调试工具||相关讲解
【JavaEE初阶】 CSS相关属性,元素显示模式,盒模型,弹性布局,Chrome 调试工具||相关讲解
|
2月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML1、H5文本元素
H5+CSS3+JS逆向前置——HTML1、H5文本元素
27 0