CSS段落对齐方式

摘要:
CSS段落对齐有两种方式:水平对齐和垂直对齐。

CSS段落对齐有两种方式:水平对齐和垂直对齐。

1.水平对齐:

(1)、text-align:left; //左对齐

(2)、text-align:right; //右对齐

(3)、text-align:center; //居中对齐

(4)、text-align:justify; //两端对齐

2.垂直对齐:

(1)、vertical-align:top; //顶部对齐

(2)、vertical-align:bottom; //底部对齐

(3)、vertical-align:middle; //中间对齐

免责声明:文章转载自《CSS段落对齐方式》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Eclipse debug 多线程select默认下拉箭头改变、option样式清除下篇

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

相关文章

css3画图那些事(三角形、圆形、梯形等)

闲来无事,写写图形。当时巩固一下css3吧.。前端小白,写的不好还请前辈多指教。 三角形 { width: 0; height: 0; border-bottom: 140px solid red ; border-right: 70px solid transparent; border-left: 70px...

CSS之Normalize.css的使用(重置表)

本文译自Normalize.css官网: http://nicolasgallagher.com/about-normalize-css/ Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。N...

webpack4.x抽取css【extract-text-webpack-plugin与mini-css-extract-plugin】

参考文档:https://www.npmjs.com/package/extract-text-webpack-pluginhttps://www.npmjs.com/package/mini-css-extract-plugin 项目的初始诉求是利用webpack来管理css(合并),并增加hash(性能优化),当前项目使用webpack版本为4.6.0...

传统css布局方案(position,float,line-height等配合)

一、display display 是 css 布局中很重要的一个属性,它定义了元素生成的显示框类型,常见的几个属性值有:block、inline、inline-block、inherit、none、flex。inherit 表示这个元素从父元素继承 display 属性值;none 表示这个元素不显示,也不占用空间位置;flex 是 flex 布局重...

Bootstrap: 样式CSS:carousel轮换 图片的使用

Bootstrap 轮播(Carousel)插件   Bootstrap轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。 如果您想要单独引用该插件的功能,那么您需要引用 carousel.js。或者,您可以引用bootstrap.js 或压缩...

css 高度自适应

对象height:100%并不能直接产生效果,是因为跟其父对象有关。 #center{height:100%;} 上面的css样式是无效的,不会产生任何效果。 需要改写: html,body{ margin:0px; height:100%;}#center{200px;height:100%;background-color:#666666...