p { display: inline; /* 将p标签设置为内联元素 */ } a { text-decoration: none; /* 去除链接下划线 */ color: #000; /* 设置链接颜色 */ } p a:before { content: '\00a0'; /* 使用伪元素添加空格 */ } p a { display: inline-block; /* 将a标签设置为块元素 */ padding-left: 10px; /* 添加左侧的空格 */ }
以上代码将p标签设置为内联元素,并使用伪元素:before添加一个空格。然后将a标签设置为块元素,并通过padding-left属性添加左侧空格。这样,大家就能够实现一行文字直接显示为链接的效果。