html - Stange PRE tag (or lack thereof) behavior -

-

given html

<pre> <div class="px_xml">&lt;addfiledialogplaces id="<b>rvt_2016 places</b>" delete_prior="true"&gt;    <div class="px_ind">&lt;place id="favorites"&gt;c:\users\[px~user]\links&lt;/place&gt;    &lt;place id="datasets"&gt;c:\programdata\datasets&lt;/place&gt;       <div class="px_ind">&lt;place id="families"&gt;c:\programdata\assets\revit\2016\libraries&lt;/place&gt;</div>    &lt;place id="desktop"&gt;desktop&lt;/place&gt;    &lt;place id="my computer">::{20d04fe0-3aea-1069-a2d8-08002b30309d}&lt;/place&gt;    &lt;place id="my network places"&gt;::{208d2c60-3aea-1069-a2d7-08002b30309d}&lt;/place&gt;    &lt;place id="documents"&gt;personal&lt;/place&gt;    &lt;delete&gt;revit server network view&lt;/delete&gt;</div> &lt;/addfiledialogplaces&gt;</div> </pre>

and in custom css

.px_xml {        font-family: monospace;        font-size: .7em;        color: #0000cc;        margin-bottom:0;        display: block; }  .px_ind {        margin-left: 2em;        display: inline-block; }

everything works expected. however, if remove pre tags, seem extraneous since setting monospace font css, color override applies through second div.

now know keep pre , skip .px_ind styling, prefer not 2 reasons. one, forces me indents right hard way, , 2 leaves me no easy way revise amount of indent later. rather keep spaces in xml me understand while editing, while allowing styling drive final expression, requires no pre. , seems odd thing pre tag do, or lack of do, want understand it.

edit: image show behavior. enter image description here

and html in situ enter image description here

pre meant hold phrasing content, div not 1 of content allowed. browsers deal can syntaxe errors.

https://www.w3.org/tr/html5/grouping-content.html#the-pre-element

you may use browser interprets error if missimbricate div , pre , forgot close 1 or both them. .pix_ind after .px_xml , not inside it, css not inherited anymore.

what can remove pre tag , use css white-space:pre; instead.

.px_xml {    white-space: pre;    /* here pre tag no longer needed */    font-family: monospace;    font-size: .7em;    color: #0000cc;    margin-bottom: 0;    display: block;  }  .px_ind {    margin-left: 2em;    display: inline-block;  }
<div class="px_xml">&lt;addfiledialogplaces id="<b>rvt_2016 places</b>" delete_prior="true"&gt;     <div class="px_ind">&lt;place id="favorites"&gt;c:\users\[px~user]\links&lt;/place&gt;     &lt;place id="datasets"&gt;c:\programdata\datasets&lt;/place&gt;        <div class="px_ind">&lt;place id="families"&gt;c:\programdata\assets\revit\2016\libraries&lt;/place&gt;</div>     &lt;place id="desktop"&gt;desktop&lt;/place&gt;     &lt;place id="my computer">::{20d04fe0-3aea-1069-a2d8-08002b30309d}&lt;/place&gt;     &lt;place id="my network places"&gt;::{208d2c60-3aea-1069-a2d7-08002b30309d}&lt;/place&gt;     &lt;place id="documents"&gt;personal&lt;/place&gt;     &lt;delete&gt;revit server network view&lt;/delete&gt;</div>  &lt;/addfiledialogplaces&gt;</div>

typical example show browser fixes somehow html: when build table, if tbody missing, browser add , can used selector in style sheet.

tbody td {    border: solid;    padding:1em;  }
<table>    <tr>      <td>is <code>tbody</code> missing ?</td>    </tr>  </table>


Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more