一,原始使用writing-mode属性-不推荐。
1,语法:writing-mode:lr-tb或writing-mode:tb-rl;
2,参数:
1、lr-tb:从左向右,从上往下
2、tb-rl:从上往下,从右向左
运行代码发现,IE显示正常,火狐、谷歌浏览器却不支持,所以不建议使用writing-mode属性。
二、使用CSS模拟文字竖排。
对文字对象宽度设置只能排下一个文字的宽度距离,让文字一行排不下两个文字使其文字自动换行,就形成了竖立排版需求。示例代码如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>竖列排版实例</title>
<style>
body{text-align:center}
.shuli{ margin:0 autowidth:20pxline-height:24pxborder:1px solid #333}
</style>
</head>
<body>
<div class="shuli">我是竖列排版</div>
</body>
</html>
说明:对文字DIV设置较小的宽度,以达到一排只能排下一个文字,这样文字就自动换行,实现垂直竖列排版。
jquery 获取select多选下拉框所有选项的值可以如下实现var all = ""$("select option").each(function() {
all += $(this).attr("value")+" "
})
而值获取被选中的值可用如下代码实现
$("select").val()
下面给出实例代码:
创建Html元素:一个多选列表和一个按钮
<select id="multi-sel" multiple="multiple">
<option value="1">萝卜,我的value是1</option>
<option value="2">青菜,我的value是2</option>
<option value="3">小葱,我的value是3</option>
<option value="4">豆腐,我的value是4</option>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)