html中怎么将标签左对齐,而文本框右对齐的方法

html中怎么将标签左对齐,而文本框右对齐的方法,第1张

设置其对齐样式将标签设置为左对齐,文本框设置为右对齐。如:

<label class="la"></label>

<input type="text" class="textBox"/>

css:

.la{text-align:left}

.textBox{text-align:right}

text-align是文本对齐样式,有三个取值,分别是:left、center、right。

标签左对齐,而文本框右对齐,设置text-align的属性就好了,

text-align设置或检索对象中内容的水平对齐方式

取值:

left:内容左对齐。

center:内容居中对齐。

right:内容右对齐。

如图

1、启动DW网页编辑器,新建一个html网页。

2、在body中插入一个div【<div></div>】,并在head中引入CSS【<style type="text/css"></style>】。

3、然后给DIV定义一个CSS,设置宽高属性等,并写一段文字

4、保存并打开网页,用鼠标左键可以很方便的选择上面的文字。

5、在样式中加入禁止选择文字的样式。

6、保存网页并刷新后,再用鼠标选择文字就没办法选择。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7056702.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存