jquery如何实现文字右对齐

在html页面中, 文字默认为左对齐, 如何想让文字右对齐, 在jquery中, 应该怎么实现呢?下面小编举例讲解jquery如何实现文字右对齐 。

jquery如何实现文字右对齐

文章插图

需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件, 定名为test.html, 用于讲解jquery若何实现文字右对齐 。
jquery如何实现文字右对齐

文章插图

2在test.html文件内, 利用div标签建立一行文字, 设置div标签的class属性为mytx 。
jquery如何实现文字右对齐

文章插图

3在css标签内, 经由过程class设置div的样式 , 界说它的宽度为300px, 高度为300px, 布景颜色为灰色 。
jquery如何实现文字右对齐

文章插图

4在js标签内, 利用ready()方式在页面加载完当作时执行function方式 。
jquery如何实现文字右对齐

文章插图

5在function方式内, 经由过程class获得div对象, 利用css()方式将text-align属性设置为right, 实现文字的右对齐 。
jquery如何实现文字右对齐

文章插图

6在浏览器打开test.html文件, 查看实现的结果 。
jquery如何实现文字右对齐

文章插图

总结:1【jquery如何实现文字右对齐】1、利用div标签建立一行文字, 设置div标签的class属性为mytx 。 2、在css标签内, 经由过程class设置div的样式 , 界说它的宽度为300px, 高度为300px, 布景颜色为灰色 。 3、在js标签内, 利用ready()方式在页面加载完当作时执行function方式 。 4、在function方式内, 经由过程class获得div对象, 利用css()方式将text-align属性设置为right, 实现文字的右对齐 。 5、在浏览器打开test.html文件, 查看实现的结果 。


以上内容就是jquery如何实现文字右对齐的内容啦, 希望对你有所帮助哦!

    推荐阅读