图片横向显示

前台代码

<div id="link_button">
                    <ul>
                        <li><a href="#" title="1" id="yjbncs">
                            <img src="../../../../image/preventive/btn1.gif" title="1" alt="1" class="btnli_img" />1</a></li>
                        <li><a href="#" title="2" id="zyzdw">
                            <img src="../../../../image/preventive/btn2.gif" title="2" alt="2" class="btnli_img" />2</a></li>
                        <li><a href="#" title="3" id="dzjya">
                            <img src="../../../../image/preventive/btn3.gif" title="3" alt="3" class="btnli_img" />3</a></li>
                        <li><a href="#" title=" 4" id="zsxc">
                            <img src="../../../../image/preventive/btn4.gif" title="4" alt="4"
                                class="btnli_img" />4</a></li>
                        <li><a href="#" title=" 5" id="kpzs">
                            <img src="../../../../image/preventive/btn5.gif" title="5" alt="5" class="btnli_img" />5</a></li>
                        <li><a href="#" title=" 6" id="sfdw">
                            <img src="../../../../image/preventive/btn6.gif" title="6" alt="6" class="btnli_img" />6</a></li>
                    </ul>
                    <div class="clear">
                    </div>
                </div>

css代码

 #link_button
        {
            width: 400px;
            margin: 0;
            font-size: 12px;
        }
        #link_button ul
        {
            float: left;
            margin: 0;
            padding: 5px 0 0 30px;
        }
        #link_button ul li
        {
            float: left;
            list-style: none;
            cursor: pointer;
            width: 73px;
            text-align: center;
            padding: 20px 20px 20px 20px;
            line-height: 15px;
            height: 40px;
        }
        #link_button ul li a
        {
            border: 0;
            padding: 10px 0px 0px 5px;
        }
        .btnli_img
        {
            border: 0px;
        }
        a
        {
            color: #000; /*text-decoration: underline; */
            text-decoration: none;
        }
        a:hover
        {
            text-decoration: underline;
        }
        a:active
        {
            text-decoration: none;
        }

转载于:https://www.cnblogs.com/wang-123/p/3291289.html