css布局

  • WEB前端第九课——div背景,分享

    1.div+css布局   <div>特征   ① 可以定义文档中的分区或节(division/section)   ② 可以把文档分割为独立的、不同的部分,…

    html使用教程 2020年7月21日
  • 织梦教程:去掉编辑器自动加div的方法即大小字情况分享


    dedecms每次新上传图片插入编辑器会自动加p标签,这个会导致网页错位等问题。以下是修改方法。第一种解决方法:修改网站根目录includeFCKeditoreditordialogdede_image.php找到//FCK.InsertHtml(inImg);var newCode = FCK.CreateElement('p');newCode.innerHTML = inImg;改成:FCK.InsertHtml(inImg);//var newCode = FCK.CreateElement('p');//newCode.innerHTML = inImg;找到://FCK.InsertHtml(iimghtml);var newCode = FCK.CreateElement('p');newCode.innerHTML = iimghtml;改成:FCK.InsertHtml(iimghtml);//var newCode = FCK.CreateElement('p');//newCode.innerHTML = iimghtml;这样子就可以把那个该死的p删除掉.第二种解决方法:发布文章时自动过滤“div”标签。修改后台/article_add.php在$body = AnalyseHtmlBody($body,$description,$litpic,$keywords,'htmltext');之下添$body = preg_replace("/</(d|D)(i|I)(v|V)>/","",$body);$body = preg_replace("/<(d|D)(i|I)(v|V).*?>/","",$body);修改后台/article_edit.php在$body = AnalyseHtmlBody($body,$description,$litpic,$keywords,'htmltext');之下添加$body = preg_replace("/</(d|D)(i|I)(v|V)>/","",$body);$body = preg_replace("/<(d|D)(i|I)(v|V).*?>/","",$body);这样,在发布时自动过滤掉DIV,dedecms中去掉FCK编辑器插入图片自动加div标签的方法在FCK编辑器中,目前是用p做为段落,因为目前很多网站都是用p+css布局, p做为网页架构最常用的标签,很明显内容中的p很容易和页面布局标签混淆,内容中一个多余的未关闭的标签就会让整个页面面目全非,所以在内容中就特别需要使用p做为段落,而不是用p。具体的修改方法如下:第一步:在fckconfig.js文件里查找FCKConfig.EnterMode = 'p' ;修改成FCKConfig.EnterMode = 'p' ;第二步:修改fckeditorcode_ie.js和fckeditorcode_gecko.js文件查找:FCKConfig.EnterMode=='p'?'p':'p'修改成FCKConfig.EnterMode=='p'?'p':'p'即无论如何都不使用p标签,这样就可以了在官方发布的版本中,第一步已经做了修改,可惜虎头蛇尾,没继续做第二步发帖子问关于怎么去掉编辑器内自动加p .木人搭理.搜索了下,有个朋友写的去掉编辑器内垃圾代码的帖子写的不错`不过去掉了p标签 .本来想居中的图都没办法居中了根据那朋友的去垃圾代码函数改了下 把p换成p 完美解决有p的毛病,同时不影响图片美观“`主要修改文件 /dede/inc/inc_archives_function*.php (修改前先备份,免得出错`)查找 本文来自"大文章"function AnalyseHtmlBody($body,&$description,&$litpic,&$keywords,$dtype=''){(www.)在下面加入内容来自"大文章"$body = str_replace("p","p",$body);echo $str."n";(www.)(www.)问题描述:1、从用CTRL+V记事本粘贴进dedecms5.7编辑器的内容会出现很多<p>标记,如何将这样的标记换成<br>呢?2、每次在word中编辑好文章,然后粘贴到dede的FCK编辑器中发表后,文章的每一段都加上了<p>标签,而我想让它变成<p>标签,请问应该怎么做?回答: 很简单哦,你复制后不要直接粘贴,在编辑器有一个记事本样子的按钮,点击那个按钮粘贴,表示粘贴纯文本,它会主动换为p标签,当然图片不会贴进去,呵呵

    织梦CMS教程教学 2020年5月12日
  • display的属性,分享

      在一般的CSS布局制作时候,我们常常会用到display对应值有block、none、inline这三个值。,display这个属性用于定义建立布局时元素生成的显示框类型。对于…

    html使用教程 2020年5月6日
  • 实用掌中宝–HTML&amp;CSS常用标签速查手册 PDF扫描版,掌中宝–html分享

    实用掌中宝–HTML&CSS常用标签速查手册 内容推荐: 本书第一篇以语法和实例相结合的形式,详细讲解了HTML语言中各个元素及其属性的作用、语法和显示效果;第…

    2020年5月6日
  • Dreamweaver Flash Photoshop网页设计综合应用 (智云科技) [iso] 1.86G,智云1.86g分享

    全书共15章,主要包括网页制作基础、Dreamweaver CC网页制作、Photoshop CC网页图像%ignore_a_1%、Flash CC网页动画设计以及综合案例实战5个…

    2020年5月6日
  • 零基础学编程:零基础学HTML+CSS (第3版) 完整pdf扫描版,csspdf分享

      零基础学编程:零基础学HTML+CSS(第3版)站在零基础学习的角度,以通俗易懂的语言,结合丰富多彩的实例,来帮助初学者学习和掌握HTML语言和CSS样式%ignor…

    2020年5月6日
  • DIV+CSS布局-固定页面开度布局,divcss分享

       DIV+CSS布局中主要CSS属性介绍: Float:        Float属性是DIV+CSS布局中最基本也…

    2020年5月4日
  • CSS基础学习笔记,css学习笔记分享

     一、 CSS介绍 1、 CSS概述:CSS(Cascading Style Sheets)指层叠样式表,极大提高了工作效率。 2、 基础语…

    2020年5月4日 css使用教程
  • 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术,8种css分享

    来自%ignore_a_1%://blog.csdn.net/freshlover/article/details/11579669 翻译 2013年09月11日 21:…

    2020年5月4日 css使用教程
  • web前端学习攻略,web学习攻略分享

    web前端学习攻略 %ignore_pre_1% HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础: Js基础…

    css使用教程 2020年5月4日
  • 近期前端中的 一些常见的面试题,常见面试题分享

        近段时间看了不少的前端面试题,很多大牛也对此做了整理。这篇文就算是借花献佛啦。总体来说基本上每家问的问题也差不多,可能不同业务的公司问的问题的侧重点也不太一样,有…

    2020年5月4日
  • CSS常见布局解决方案,css布局分享

    %ignore_pre_1% 水平居中布局 首先我们来看看水平居中 1.margin + 定宽 <div class=”parent”> <div class=”…

    css使用教程 2020年5月4日