CSS讓inline水平元素換行

2021-09-27 06:14:26 字數 602 閱讀 6944

提問:

你喜歡我哪一點?

回答:

我喜歡你滾遠一點!

提問:

你喜歡我哪一點?

回答:我喜歡你滾遠一點!

a.或許你會浮動的css:

dt 

dd

但是,浮動這東西是個魔鬼,破壞流體布局,易抽風。實際上,在有些瀏覽器預設基線對齊,文字下沉了:

b.或話你會用display: run-in

dt 

dd

經測試上面css,ie8以上均支援,ie7以下及其他除safari均不支援,

c.借助unicode字元,css實現換行

dd:after
使用了after偽類,因此上面方法支援的瀏覽器為ie8 ,以及其他靠譜瀏覽器。經過自己的測試,content內容只能是"\a"或者需要包括"\a",大小寫無妨。

有可能dd元素不止乙個,可改進:

dt:before 

dt:first-child:before

css讓元素水平垂直居中

利用flex布局 無需知道被居中元素的寬高 container利用absolute transform 無需知道被居中元素的寬高 設定父元素非 static 定位 container 子元素絕對定位,使用 translate的好處是無需知道子元素的寬高 如果知道寬高,也可以使用 margin 設定 ...

css元素水平居中

問題 想讓元素x 不是文字 水平居中 方法一 text align center text align屬性指定元素文字的水平對齊方式。要求 text align center,作用在x元素的父元素上,並且x不能是塊級元素 因為塊級元素會填充滿整個父元素 準確一點來說,就是x的寬要小於父元素的。要是想...

CSS如何讓元素水平,豎直方向都居中?

原理 通過定位和調整matgin top和margin left的位置的方式調節。type text css demo style class demo div 原理 把元素設定為絕對定位 absolute 後,該元素可以通left,right,top,bottom四個屬性來決定其盒子模型的長寬度。...