Question

我想有五条线链接,大约为:5px 8px 5px 8px;固定幅度为:0px 2px 0px 2px;在412px div

这方面的一个例子是:。 http://www.branklin.com/questions/cs_justed_links.php。

Answer 1

这是我最接近的东西...... 你们需要围绕这些联系增加一夫多妻,或者在相对规模的同时,他们可以有dding/gin。 Unless their patter andpher are also relative %.

.section_left div {float:left;width:20%;}
.section_left a:link, .section_left a:visited { 
    display:block;margin:4px 0 0 2px;padding:5px 8px 5px 8px;
    text-decoration:none;background-color:#e6e6e6;color:#666;
    font-size:18px;font-family:Helvetica; }

<div><a href="#">..</a></div> # do this for each link

这里发生的情况是<代码>显示:block;。在<代码>a内,标签导致自动填入母体,因此无需休妻,而dding和间隙自动调整。注:<代码>float:left; 移至divs。

另一种选择当然是,考虑到婚礼和间隙以及最大宽度,确定与这些联系的固定宽度,但你最终以浮动点六分点值,即高冰。

Answer 2

其最容易的方式是展示财产(表、表格和表格)。

例如:

c :

div#links {
    display: table;
    width: 412px;
    border: dotted 1px gray;
}
div#links ul {
    display: table-row;
    margin: 0;
    padding: 0;
    list-style: none;
}
div#links ul li {
    display: table-cell;
    text-align: center;
}
div#links ul li a {
    padding: 5px 8px;
    background-color: gray;
    color: white;
}

和 html:

<div id="links">
  <ul>
    <li><a href="#">Daily</a></li>
    <li><a href="#">Weekly</a></li>
    <li><a href="#">Monthly</a></li>
    <li><a href="#">Quarterly</a></li>
    <li><a href="#">Yearly</a></li>
  </ul>
</div>

友情链接