你好！
增加和补充的的样式
最后的效果
简单说明一下：
给ul添加了一个flex布局，并设置内容为行排列并且不进行拆分，然后内容居中对齐；
设置li的margin-top值，该值主要参考背景图片的高度（你这里是278px），然后再减去li本身的数字+英文内容的高度（span+p=121px)，最后再除以2。
设置li中的.seperator的样式，也就是冒号的样式，这里调整了字号并设置了左右的间距。
最外层div.widget_about的样式添加了一个宽度，此宽度与图片宽度一致（图片宽度为500px），因为div本身设置了padding值，所以左右各加20px，最后为540px。
希望对你有帮助！
按如下步骤来吧：
1. 假设你下载下来的MY97控件的文件夹名字是My97DatePicker，然后把这个文件夹放到网站根目录里。
2. 在需要调用控件的页面（该页面与My97DatePicker文件夹在同级目录下）的<head></head>中间加入引用：<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>，在你这个页面效果如下：
<head ><meta http-equiv='Content-Type' content='text/html charset=UTF-8' >
<title >添加客户信息</title>
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
</head>
3. 在要使用控件的文本框上加入onfocus="WdatePicker()"，在你的这个页面效果如下：
<div><span>入住时间：</span>
<input type="text" name='edtIntime' onfocus="WdatePicker()" />
</div>
然后就可以用了，如果页面与My97DatePicker文件夹不在同一级目录下，在第2步的时候需要改一下，具体可以追问。
纯手打，希望对你有帮助。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）