css - How to stretch an empty element horizontally -
I'm trying to get an effect in HTML + CSS like this
_____________________ [Something Div]
____
is a border below
. It should not have a div
border on the right side. I want to stretch this limit as much as possible so that it can capture the width of the parent together. I am trying to avoid any fixed spacing layout.
I did width: 100%
:
& Lt; Td id = "contentDiv" & gt; Some Div & lt; / Td> & Lt; / TR & gt; & Lt ;? Tbody & gt; & Lt; / Table & gt;
Instead of the first place, the extra space goes to the other td
I also tried to float the content div right:
< Code> & lt; Div & gt; & Lt; Div id = "contentDiv" style = "float: correct" & gt; Some div & lt; / Div & gt; & Lt; Div id = "borderDiv" & gt; & Lt; / Div & gt; & Lt; / Div & gt;
But div with the border div now fills the whole parent's place. There was no way to hinder it in the remaining space.
Maybe I am misunderstood questions and I know that HTML + CSS purists hate me for it. But you can not do the following:
& lt; Table style = "width: 100%" & gt; & Lt; TR & gt; & Lt; Td style = "border bottom: 1px solid # 000, width: 100%" & gt; & Amp; Nbsp; & Lt; / Td> & Lt; Td> & Lt; Nobr & gt; My content & lt; / Nobr & gt; & Lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt;
If there is a specific width in the second column, which you want, you can specify it and & lt; Nobr & gt;
can remove the tag and end something like this:
& lt; Table style = "width: 100%" & gt; & Lt; TR & gt; & Lt; Td style = "border bottom: 1px solid # 000, width: 100%" & gt; & Amp; Nbsp; & Lt; / Td> & Lt; Td style = "width: 200px" & gt; My content & lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt;
Comments
Post a Comment