页面HTml学习笔记

1.p标签自动换行且两端对齐

.article p{
word-wrap: break-word;//自动换行
text-align: justify;//两端对齐
text-justify:newspaper;//过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式
text-indent: 50px;//首行缩进
}

<div class="article">
<p>
ssdaddsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssdsdasdasdsfgggggdgggggggggseagrgtreyhtruhyjiukuykjtdgdsgssffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
</p>
</div>

 2.html内容超出滚动且隐藏滚动条

css3实现（对ie,frefox不兼容）

demo.css

　　　　.o_tab{
            max-height: 300px;
            overflow-y: auto; 
        }
        .o_tab::-webkit-scrollbar{
            display: none;
        }

demo.html

　　　　　　<div class="o_tab" id="o_tab" title="墨家" style="display: block;">
                    <h1 id="">墨家</h1>
                    <p title="背景">
                        <h3>门派设定：</h3>
                        <p>“天下皆白，唯我独黑。非攻墨门，兼爱平生”，墨家始创于墨子，历代掌门都称为“墨家巨子”。历代巨子携弟子于绝岭雄峰间，历时三百余年筑起墨家机关城，成为最后的“人间乐土”。</p>
                        <p>墨家与儒家并称当世两大显学，墨家弟子中精于武艺者称为“墨侠”，奉守“兼爱，非攻”的要旨，擅长机关构造之术。墨家弟子行侠仗义，常以墨门绝学非攻机关术助他国守城为世人称道，是侠义精神的代表。</p>
                    </p>
                    <p style="border: 1px solid #336699;border-left:20px; "></p>
                    <p title="门派构成">
                        <h3>墨家巨子：</h3>
                        <p>历代墨家掌门人被尊称为巨子，会由上一任巨子指定或众统领推举产生，并要最终通过机关城禁地中的层层考验。每代墨家巨子都拥有佩剑墨眉。</p>
                        <p>截止至最新动画，动画中仅提及四位巨子：墨子、六指黑侠、燕丹、荆天明。墨子与六指黑侠之间中隔约300年，后三者为连续</p>
                      
                        <h3>墨家统领:</h3>
                        <p>高渐离、雪女、大铁锤为燕丹就任巨子后在燕国各地救起并带入墨家。</p>
                        <p>班大师、徐夫子、荆轲、盗跖同为较早的一批墨家统领们，在燕丹就任巨子时就已出现在墨家</p>
                        <p>端木蓉、庖丁加入时间不详，两人分别管理镜湖医庄和桑海“有间客栈”作为墨家暗中的分据点。</p>
                        <h3>墨家普通弟子</h3>
                        <p>在已提及名字的墨家普通弟子中，对剧情较为重要的包括高月（动画第2部被除名，第3部末正式脱离墨家加入阴阳家）、阿忠。</p>
                        <p><img src="image/weizhuang.jpg" alt=""></p>
                    </p>
                  
                    <p title="特殊设定">
                        <h3>独门绝学</h3>
                        <p>纵横剑术：纵横之剑，是当年第一代鬼谷子所创的剑术。以天地之道，分为纵剑与横剑：横剑攻于计，以求其利，是为捭；纵剑攻于势，以求其实，是为阖。捭阖者，天地之道。盖聂主要修炼的是纵剑，卫庄主要修炼的是横剑。
                        </p>
                        <p>玄虎：鬼谷最迅捷、最凶悍的猛兽，比普通的猛虎体型要巨大三倍。玄虎的速度很快，没有人可以同时拦住两头背道而驰的玄虎。</p>
                    </p>
             </div>