HTML 学习 （一）

1、文字居中显示

文字

想要加粗就用

文字

2、span 超出长度自动换行

span{word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;} 
white-space -- 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式 
取值: normal | pre | nowrap | pre-wrap | pre-line | inherit 
normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行) 
pre: 保持HTML源代码的空格与换行,等同与pre标签 
nowrap: 强制文本在一行,除非遇到br换行标签 
pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行 
pre-line: 同pre属性,但是遇到连续空格会被看作一个空格 
inherit: 继承 
初始值: normal 
继承性: 是 
适用于: 所有元素 
white:白色.space:间隔,距离

3、select获取选择的值（通过JS获取）

var obj = document.getElementById("testSelect"); //定位id


var index = obj.selectedIndex; // 选中索引


var text = obj.options[index].text; // 选中文本


var value = obj.options[index].value; // 选中值

4、动态加载select

通过new Option(value,text)函数，第一个参数是显示的文字，第二个参数是value值，如果需要添加其他属性，可以这样：
var opp = new Option("aaa","001");
opp.name = "option1";
//将option添加到select标签里面
mySelect.add(opp);
//添加完成

5、两个div 横向布局，一行只有两个div

    

      
报价单号
      
QSHHHH000088020849438
    

6、跑马灯效果

QSHHHH000088020849438