底部线条css样式
2016-04-05 15:46
162 查看
1.首先固定宽高 (将文字移至左边,例如 “姓名:”)
.line{
width:100%;
height:40px;
float:left;
border-bottom:1px solid #ccc
}
.title{
height:38px;
width:50px;
line-height:38px;
float:left;
text-align:right
}
2.写个js语句控制默认文字的位置(例如:“请输入您的姓名”):
<!-- 控制行宽 -->
<script>
var inputWidth = document.body.scrollWidth - 100;
$(".inputStyle").css("width", inputWidth + "px");
</script>
.line{
width:100%;
height:40px;
float:left;
border-bottom:1px solid #ccc
}
.title{
height:38px;
width:50px;
line-height:38px;
float:left;
text-align:right
}
2.写个js语句控制默认文字的位置(例如:“请输入您的姓名”):
<!-- 控制行宽 -->
<script>
var inputWidth = document.body.scrollWidth - 100;
$(".inputStyle").css("width", inputWidth + "px");
</script>
相关文章推荐
- css实现圆,半圆,四分之一圆和其他几何图形画法
- CSS元素的width和水平margin的设置
- 妙味课堂——HTML+CSS(第四课)(一)
- CSS3 background-size 属性值:cover
- CSS样式大全
- 有用好看的CSS+JS+table 导航
- CSS学习笔记(一)
- CSS
- css3 transition 实例及分析 图片hover出现文字 sidebar平滑过渡(动画系列3)
- css设置元素宽高比
- 怎样用JS来添加CSS样式
- CSS-硬件加速
- css各种水平垂直居中
- CSS学习(四)——边框与边界
- RadioButton样式自定义
- 滚动list 样式
- 页面布局学习(三)
- HTML&CSS
- css3 border-radius 总结
- 给表格式按钮边框点击变色--css制作表格式按钮(2)