<span>和<div>之间的区别与text-align:center;？

在前端开发中，<span>和<div>是两种常用的HTML标签，它们之间的主要区别在于默认的显示方式和用途。

<span>是一个内联元素，这意味着它不会创建一个新的块级盒子，而是与其他内联元素并排显示。<span>通常用于对文本或行内元素进行样式化，如更改颜色、字体或大小等。当使用text-align:center;属性时，它只会影响<span>本身，而不会影响其他元素。

<div>是一个块级元素，这意味着它会创建一个新的块级盒子，默认情况下会占据整个可用宽度。<div>通常用于布局和分组其他元素，如包含一组文本和图像的容器。当使用text-align:center;属性时，它会使<div>内的所有内联元素居中对齐。

总之，<span>和<div>之间的主要区别在于它们的默认显示方式和用途。<span>是内联元素，用于对文本或行内元素进行样式化，而<div>是块级元素，用于布局和分组其他元素。当使用text-align:center;属性时，它会影响<span>本身的对齐方式，而不会影响其他元素。