css两个元素一行 |css 每行显示 字符串

.left {
display: inline-block; /* 将左边元素设为行内块级元素 */
width: 50%; /* 左边元素占据50%宽度 */
}
.right {
display: inline-block; /* 将右边元素设为行内块级元素 */
width: 50%; /* 右边元素占据50%宽度 */
}

以上代码将左侧元素和右侧元素都设置为行内块级元素，并分别占据了50%的宽度，这样就可以将两个元素放在同一行中了。

另外需要注意的是，如果两个元素之间有空格，则会在页面中显示一个空格。解决方法有两种：一是将两个元素紧贴在一起，即删除它们之间的空格；二是使用CSS的font-size属性将空格大小设置为0。

.parent {
font-size: 0; /* 设置父元素字号为0 */
}
.child {
font-size: 16px; /* 设置子元素字号正常 */
}

以上代码将父元素的字号设为0，将子元素的字号设为正常大小，这样就可以将空格大小设置为0，避免出现多余的空白。