2022-03-13 506
在77ISP学技术
每日笔记,CSS 文本对齐方式,文本于图片对齐方式,
文本可以左对齐或右对齐,或居中对齐。
下例展示了居中对齐以及左右对齐的文本(如果文本方向是从左到右,则默认为左对齐;如果文本方向是从右到左,则默认是右对齐):
实例
h1 { text-align: center; } h2 { text-align: left; } h3 { text-align: right; }
当 text-align 属性设置为 "justify" 后,将拉伸每一行,以使每一行具有相等的宽度,最直观的应该叫做两端对齐:
在英文中比较明显
实例
div { text-align: justify;}
direction 和 unicode-bidi 从左向右书写或者是从右向左书写:
实例
p { direction: rtl; unicode-bidi: bidi-override; }
我是正常情况下书写
看我的书写方向和对齐方式
vertical-align 属性设置元素的垂直对齐方式。
本例演示如何设置文本中图像的垂直对齐方式:
实例
img.top { vertical-align: top; } img.middle { vertical-align: middle; } img.bottom { vertical-align: bottom; }
默认对齐方式的图像。
一幅 上对齐的图像。
一幅 居中对齐的图像。
一幅 下对齐的图像。
原文链接:https://77isp.com/post/391.html
=========================================
https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。
数据库技术 2022-03-28
网站技术 2023-01-07
网站技术 2022-11-26
网站技术 2022-11-17
Windows相关 2022-02-23
网站技术 2023-01-14
Windows相关 2022-02-16
Windows相关 2022-02-16
Linux相关 2022-02-27
数据库技术 2022-02-20
小游客游戏攻略网游戏攻略网 2024年07月26日
抠敌 2023年10月23日
嚼餐 2023年10月23日
男忌 2023年10月22日
瓮仆 2023年10月22日
扫码二维码
获取最新动态