日期:2014-05-16  浏览次数:20813 次

如何让下拉框在div中垂直居中?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style id="PinYinEditor_CSS_PinYinEditor1_dataContainer" type="text/css">
        #PinYinEditor1_dataContainer ul.pinyin
        {
            padding: 0px;
            margin: 0px;
            list-style-type: none;
            vertical-align: bottom;
        }
        #PinYinEditor1_dataContainer ul.pinyin li
        {
            display: inline-block;
            margin: 0px;
            padding: 0px;
            margin-bottom: 10px;
            margin-right: 2px;
            font-size: 16px;
        }
        #PinYinEditor1_dataContainer ul.pinyin li div
        {
            border:1px solid blue;
            display: block;
            height: 50px;
            line-height: 50px;
            margin: 0px;
            margin-bottom: 3px;
            padding: 0px;
            text-align: left;
            vertical-align: middle;
        }
        #PinYinEditor1_dataContainer ul.pinyin li select
        {
            padding: 0px;
            margin: 0px;
            font-size: 12px;
        }
    </style>
</head>
<body>
    <div id="PinYinEditor1_dataContainer">
        <ul class="pinyin">