博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
input标签附带提示文字(bootstrap里面输入框的两侧同时添加额外元素)
阅读量:4684 次
发布时间:2019-06-09

本文共 433 字,大约阅读时间需要 1 分钟。

一直不太喜欢用定位,今天写界面的时候,要在输入框右边添加默认的元素符号。

第一次尝试,因为本身项目用的是bootstrap所以就想利用输入框的两侧同时添加额外元素。

但是写了代码发现效果不同。

第二次直接将input里的text-align:right;改成了从右边开始。这样导致的是,所有输入从右边开始,并不是我想要的。

第三次使用定位解决问题,

*
.addon-position{  position: relative;}.addon{  position: absolute;  z-index: 5;  left:225px;  color: $global-gray-light-color;  font-size: 14px;}

 

转载于:https://www.cnblogs.com/songForU/p/10530450.html

你可能感兴趣的文章
Arrays类学习笔记
查看>>
实验吧之【天下武功唯快不破】
查看>>
2019-3-25多线程的同步与互斥(互斥锁、条件变量、读写锁、自旋锁、信号量)...
查看>>
win7-64 mysql的安装
查看>>
dcm4chee 修改默认(0002,0013) ImplementationVersionName
查看>>
maven3在eclipse3.4.2中创建java web项目
查看>>
发布时间 sql语句
查看>>
黑马程序员 ExecuteReader执行查询
查看>>
记一些从数学和程序设计中体会到的思想
查看>>
题目1462:两船载物问题
查看>>
POJ 2378 Tree Cutting(树形DP,水)
查看>>
第二冲刺阶段个人博客5
查看>>
UVA 116 Unidirectional TSP (白书dp)
查看>>
第三方测速工具
查看>>
MySQL 网络访问连接
查看>>
在aws ec2上使用root用户登录
查看>>
数据访问 投票习题
查看>>
CIO知识储备
查看>>
cnblog!i'm coming!
查看>>
使用点符号代替溢出的文本
查看>>