• 技术文章 >web前端 >css教程

    css怎么设置文本左对齐

    青灯夜游青灯夜游2021-07-21 17:40:27原创136

    在css中,可以利用text-align属性来设置文本左对齐,只需要给文字所在标签添加“text-align:left”样式即可。text-align属性用于指定元素中的文本的水平对齐方式,当值为left时可把文本排列到左边。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    在css中,可以通过给文字所在标签添加“text-align:left”样式来设置文本左对齐。text-align属性用于指定元素中的文本的水平对齐方式,当值为left时可把文本排列到左边。

    text-align属性的可能值:

    下面通过代码示例来具体看看:

    <!DOCTYPE html>
    <html>
    	<head>
    		<style type="text/css">
    			h1 {
    				text-align: center
    			}
    
    			h2 {
    				text-align: left
    			}
    
    			h3 {
    				text-align: right
    			}
    		</style>
    	</head>
    	<body>
    		<h1>这是居中对齐</h1>
    		<h2>这是左对齐</h2>
    		<h3>这是右对齐</h3>
    	</body>
    </html>

    效果图:

    1.png

    (学习视频分享:css视频教程

    以上就是css怎么设置文本左对齐的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 文本左对齐
    上一篇:css怎么不选最后一个元素 下一篇:css3如何绘制半圆
    VIP会员

    相关文章推荐

    • 纯CSS实现圆角三角形的3种方法(技巧分享)• CSS选择器学习之聊聊复合选择器(详细介绍)• 使用JS或CSS如何实现瀑布流布局,几种方案介绍• CSS+JS如何制作皮卡丘动画(代码分析)• CSS颜色设置方法:HEX、RGB、HSL的简单对比• 2021年值得了解的10 个 CSS 功能(分享收藏)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网