CSS 布局技巧：让元素居中、盒子排成一行、删除超链接小圆点

让盒子中的元素居中

要让盒子中的元素居中，可以使用 'text-align' 和 'line-height' 样式属性。

使用 'text-align' 属性将文本水平居中设置 'text-align: center;' 可以使盒子中的文本水平居中，例如：

.box {
    text-align: center;
}

如果盒子中存在多行文本，还需要使用 'text-align-last' 改变最后一行文本的对齐方式为居中。这个属性在 Chrome 和 Safari 中默认不支持，需要加上 '-webkit-' 前缀才能使用：

.box {
    text-align: center;
    -webkit-text-align-last: center;
    text-align-last: center;
}

使用 'line-height' 属性将文本垂直居中设置 'line-height' 属性为与盒子高度相同的值（或者比盒子高度稍小一些），可以使盒子中的文本垂直居中。例如：

.box {
    height: 200px;
    line-height: 200px;
}

如果盒子中存在多行文本，并且行高不相同，则需要计算出所有行高的平均值，然后将 'line-height' 设置为该平均值即可。可以使用 JavaScript 程序来自动计算所有行高的平均值，例如：

function getAverageLineHeight(selector) {
    var element = document.querySelector(selector);
    var computedStyle = window.getComputedStyle(element);
    var lineHeight = parseInt(computedStyle.lineHeight);
    var paddingTop = parseInt(computedStyle.paddingTop);
    var paddingBottom = parseInt(computedStyle.paddingBottom);
    var height = element.clientHeight - paddingTop - paddingBottom;
    var numLines = Math.floor(height / lineHeight);
    var totalLineHeight = 0;
    for (var i = 0; i < numLines; i++) {
        totalLineHeight += lineHeight;
    }
    return totalLineHeight / numLines;
}

让两个盒子排成一行

要让两个盒子排成一行，可以使用 'display: inline-block;' 或 'float: left;' 样式属性。

使用 'display: inline-block;' 属性将两个盒子都设置为 'display: inline-block;' 属性，就可以让它们水平排列。例如：

.box1, .box2 {
    display: inline-block;
}

如果存在空格或换行符等空白内容，可能会导致两个盒子之间存在缝隙，可以将两个盒子的父元素的 'font-size' 设为 0，然后再将每个盒子的 'font-size' 设回原来的值，可以解决这个问题。例如：

.container {
    font-size: 0;
}
.box1, .box2 {
    font-size: 16px;
    display: inline-block;
}

使用 'float: left;' 属性将第一个盒子设置为 'float: left;'，第二个盒子不设置 'float'，就可以让它们水平排列。例如：

.box1 {
    float: left;
}

需要注意的是，在使用 'float' 布局时，可能需要通过清除浮动（clear float）来避免布局紊乱的问题。可以在第三个盒子中添加 'clear: both;' 来清除前面的浮动。例如：

.box3 {
    clear: both;
}

删去超链接前小圆点

要删除超链接前的小圆点，可以使用 'list-style-type' 样式属性将列表样式设置为空。例如：

a {
    list-style-type: none;
}

如果需要保留列表样式，可以将 'list-style-type' 设置为 'disc'，然后将 'text-decoration' 设置为 'none' 来删除超链接的下划线。例如：

a {
    list-style-type: disc;
    text-decoration: none;
}