微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

css错误，应该不难，请帮我解决下_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 11:50:13
原创
1119人浏览过

文档如下：

index.html

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


新建网页



    
    

        


                当前位置：案例效果


            

哈哈

  • 共 1页18条记录
    • 哈哈
            


        




    1.css

    /*-------- 翻页 --------------*/
    ol,ul,li { list-style:none; }
    .page_turning {width:668px;height:31px;margin-top:5px;background:url(../img/lm_pager.gif) no-repeat;height:31px;font:12px/31px Arial,"宋体";}
    .pa_tu_position{width:158px;height:31px;float:left;padding-left:20px;}
    .pa_tu_position strong{color:#ff4800;}
    .pa_tu_box {float:left;width:490px;height:31px; }
    .pa_tu_box li{display: inline;}

    最后显示的结果是：


    但我要的结果是显示的字要在一行啊!应该像下面一样：
    当前位置：案例效果　　哈哈共 1页18条记录哈哈

    请教css中哪个地方写错了？

    挖错网
    挖错网

    一款支持文本、图片、视频纠错和AIGC检测的内容审核校对平台。

    挖错网 28
    查看详情 挖错网

    回复讨论(解决方案)

    <div class="page_turning"><!-- 翻页 开始-->        <p class="pa_tu_position">                当前位置：<strong>案例效果</strong></p>            <p class="pa_tu_box">哈哈<li><span>共 <strong>1</strong>页<strong>18</strong>条记录</span></li>哈哈</p>        </div><!-- 翻页 结束-->
    登录后复制


    去掉.

    大家都在看：

    HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

    下载
    来源：php中文网
    收藏 点赞
    上一篇：css 父div高度为0_html/css_WEB-ITnose 下一篇：HTML DOM（学习笔记二）_html/css_WEB-ITnose
    本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
    最新问题
    解决Node.js应用中HTML表单POST请求失效及数据库重复键错误 本文旨在解决Node.js后端开发中常见的HTML表单POST请求失效及MySQL数据库ER_DUP_ENTRY错误。教程将详细阐述HTML表单的正确构建方式，特别是method和action属性的重要性，并结合Node.jsExpress框架展示如何处理POST请求。此外，还将深入分析ER_DUP_ENTRY错误的原因，提供数据库设计和后端代码层面的解决方案与最佳实践，确保数据提交的顺畅与服务的稳定性。
    2025-11-15 12:58:02
    472
    使用jQuery实现点击父元素动态切换图片并还原的教程 本教程详细讲解如何利用jQuery实现点击父级div时动态切换其内部图片，并在再次点击时将其还原至原始状态。核心策略是巧妙地利用data属性来动态存储当前显示的图片源，从而在每次点击时交换并更新图片路径，确保图片能够在两种状态间准确无误地切换。
    2025-11-15 12:53:12
    843
    构建单页应用：URL路径、嵌套页面与数据传递实战指南 本文旨在深入探讨单页应用（SPA）中URL管理的核心策略，涵盖如何实现URL无扩展名、构建嵌套路径以及通过URL传递数据。我们将通过服务器端路由配置（如Nginx）和客户端路由框架（如Barba.js）的结合使用，展示如何优化用户体验和应用结构。此外，文章还将介绍JavaScript中解析URL路径和查询参数的实用方法，为开发者提供构建现代化、动态Web应用的全面指导。
    2025-11-15 12:51:02
    798
    CSS响应式文本与定位：利用视口单位（vw）实现动态布局 本文深入探讨了在CSS中实现响应式文本大小和元素定位的有效策略。通过详细介绍视口宽度单位（vw）的原理与应用，文章展示了如何利用vw单位动态调整字体大小和元素位置，以确保内容在不同屏幕尺寸下均能保持良好的可读性和布局稳定性。教程提供了实际代码示例，并讨论了相关注意事项，旨在帮助开发者构建更具适应性的网页界面。
    2025-11-15 12:50:03
    256
    HTML手机工具在线入口 免费HTML工具手机版平台 答案：HTML手机工具在线入口为https://www.wusiwu.com/，该平台支持代码一键导入、实时编辑、本地项目管理与云端备份，专为移动端优化，兼容安卓和iOS，具备轻量级浏览器引擎与低资源占用优势，同时提供社区共享、开源协作与模板推荐功能，便于用户学习交流与快速开发。
    2025-11-15 12:49:59
    828
    JavaScript教程：为动态生成的列表项添加顺序编号 本文将指导您如何在JavaScript中，利用for循环的索引为动态生成的列表或数组元素添加连续的序号。通过一个简单的城市列表示例，您将学习如何修改循环逻辑，使其输出形如“城市#1是洛杉矶”的带有唯一编号的文本，从而提升用户界面的可读性和信息呈现的清晰度。
    2025-11-15 12:48:37
    604
    WordPress 子主题产品页面布局优化：实现图像与表单的并排显示 本教程旨在指导用户如何在WordPressWooCommerce子主题（以Kaffa为例）中，通过CSS调整产品页面的布局，将原先堆叠显示的商品图片和表单（如购买按钮、数量选择等）改为并排显示。文章将详细阐述如何定位元素、编写CSS样式，并强调响应式设计与主题兼容性等关键注意事项。
    2025-11-15 12:45:49
    566
    掌握CSS双向过渡：实现元素悬停效果平滑往返的策略 本文详细讲解了如何利用CSStransition属性实现元素在悬停（hover）状态下的双向平滑过渡效果。通过将transition属性应用于元素的默认状态而非仅:hover伪类，可以确保元素在进入和离开悬停状态时都能展现出流畅的动画效果，避免了单向瞬间恢复的问题，从而显著提升用户体验和界面的动态感。
    2025-11-15 12:44:41
    147
    Structr中HTML Select组件的数据绑定与关系管理教程 本教程旨在指导用户如何在Structr4.1.2社区版中高效使用HTMLselect组件。内容涵盖如何正确查询数据以填充下拉列表、显示指定属性值，以及如何通过RESTAPI更新单对一和一对多关系。通过实例代码，帮助理解StructrScript和JavaScript在数据操作中的应用，从而优化页面数据管理和用户交互体验。
    2025-11-15 12:44:01
    544
    使用Set实现JavaScript不重复随机数生成 本文将探讨在JavaScript中生成指定数量不重复随机数的方法。针对传统随机数生成可能出现重复的问题，我们将介绍如何利用JavaScript的Set数据结构高效地确保生成数字的唯一性，并提供详细的代码示例及实现解析，帮助开发者构建可靠的随机数生成器。
    2025-11-15 12:41:02
    435
    相关专题
    更多>
    热门推荐
    开源免费商场系统广告
    热门教程
    更多>
    相关推荐
    热门推荐
    最新课程
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
    php中文网：公益在线php培训，帮助PHP学习者快速成长！
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部